小程序开发者工具用mp-html为什么视频显示不出来?
如题,同样一段html,放在网页用innerHtml是可以正常显示视频的,放到mp-html里就无法正常显示
直接用小程序的video也不显示!!!啥情况啊这是
<video poster="" controls="true" width="auto" height="auto"><source src="https://vali-ugc.cp31.ott.cibntv.net/697B2EF07CA4771FAE8BC53C0/03000A01005A5363D9CB5F514325B3E6018933-6359-951A-945C-0D482B330E2A.mp4?ccode=0512&duration=344&expire=18000&psid=38207ce1ee6afe092a7c488337f3376441346&ups_client_netip=b703990b&ups_ts=1708498129&ups_userid=&utid=JMciHMDYSl8CAbcDmQtD%2BIYC&vid=XMzMwMTYyODMyNA%3D%3D&vkey=Bacbbc1798c53f585dbfdaced623c966a&eo=1&t=7e39c4c6a0727a5&cug=1&fms=e57f5f0176e4b217&tr=344&le=cf2a61b9009011df78d31451e38acd24&ckt=5&m_onoff=0&rid=200000007BF51A6CC060BC8A6537D0789B9DC4AC02000000&type=mp4sd&bc=2&dre=u145&si=611&dst=1&app_ver=1.10.1.1" type="video/mp4" /></video>
.js
onLoad(options) { this.setData({ html:'<video poster="" controls="true" width="auto" height="auto"><source src="https://vali-ugc.cp31.ott.cibntv.net/697B2EF07CA4771FAE8BC53C0/03000A01005A5363D9CB5F514325B3E6018933-6359-951A-945C-0D482B330E2A.mp4?ccode=0512&duration=344&expire=18000&psid=38207ce1ee6afe092a7c488337f3376441346&ups_client_netip=b703990b&ups_ts=1708498129&ups_userid=&utid=JMciHMDYSl8CAbcDmQtD%2BIYC&vid=XMzMwMTYyODMyNA%3D%3D&vkey=Bacbbc1798c53f585dbfdaced623c966a&eo=1&t=7e39c4c6a0727a5&cug=1&fms=e57f5f0176e4b217&tr=344&le=cf2a61b9009011df78d31451e38acd24&ckt=5&m_onoff=0&rid=200000007BF51A6CC060BC8A6537D0789B9DC4AC02000000&type=mp4sd&bc=2&dre=u145&si=611&dst=1&app_ver=1.10.1.1" type="video/mp4" /></video>' }) },
.wxml
<mp-html class="editor-css-show" tag-style="{{tagStyle}}" content="{{html}}" />
<video src="https://vali-ugc.cp31.ott.cibntv.net/697B2EF07CA4771FAE8BC53C0/03000A01005A5363D9CB5F514325B3E6018933-6359-951A-945C-0D482B330E2A.mp4?ccode=0512&duration=344&expire=18000&psid=38207ce1ee6afe092a7c488337f3376441346&ups_client_netip=b703990b&ups_ts=1708498129&ups_userid=&utid=JMciHMDYSl8CAbcDmQtD%2BIYC&vid=XMzMwMTYyODMyNA%3D%3D&vkey=Bacbbc1798c53f585dbfdaced623c966a&eo=1&t=7e39c4c6a0727a5&cug=1&fms=e57f5f0176e4b217&tr=344&le=cf2a61b9009011df78d31451e38acd24&ckt=5&m_onoff=0&rid=200000007BF51A6CC060BC8A6537D0789B9DC4AC02000000&type=mp4sd&bc=2&dre=u145&si=611&dst=1&app_ver=1.10.1.1"></video>
<video style="margin-top:10px"
src="http://flv.bn.netease.com/videolib3/1605/22/auDfZ8781/HD/auDfZ8781-mobile.mp4" binderror="videoErrorCallback"></video>
.json
{
"usingComponents": {
"mp-html":"mp-html"
}
}
小程序开发工具调试器显示自己去掉了src
回复
1个回答
test
2024-06-23
微信开发工具的问题,更新到最新版即可显示= =
回复
适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引,对解决问题有帮助
- 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容