微信小程序> 微信端iphone使用video标签播放不了视频

微信端iphone使用video标签播放不了视频

浏览量:2274 时间: 来源:huipo22
 

Source标签用于给媒体(因为audio标签同样可以包含此标签,所以这儿用媒体,而不是视频)指定多个可选择的(浏览器最终只能选一个)文件地址,且只能在媒体标签没有使用src属性时使用。

问题:微信端iphone使用video标签播放不了视频

分析问题:video标签的src=“播放地址”,在安卓,平板上都可以播放使用,在iphone个别手机上不能播放使用。

解决方案:

<video>    <source src="播放地址"></source></video>

发现在渲染数据的页面,还有一个问题,就是:DOM加载完成,数据才绑定上去,还是会导致播放不了。解决办法是:使用模板字符串,在页面加载完成的时候挂载到页面。v-html=”srcHtml”

<div class="video" style="backgroundImage:url(static/images/default-video.png)" v-html="srcTag">
this.data="后台数据";this.$nextTick(()=>{            this.srcTag='<video style="width:100%;height:100%">                <source src="域名' +this.data.Video +'.mp4" type="video/mp4"></source>                您的浏览器不支持此视频格式            </video>'          })

页面加载的时候渲染就可以了。我所面对的问题就是这样解决的。
如果大家有更好的解决办法,请写在评论里。

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎