正文 933字数 583,665阅读


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

问题：微信端iphone使用video标签播放不了视频
分析问题：video标签的src=“播放地址”，在安卓，平板上都可以播放使用，在iphone个别手机上不能播放使用。

解决方案：
<video> <source src="播放地址"></source> </video>
Run code
Cut to clipboard


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


      <div class="video" style="backgroundImage:url(static/images/default-video.png)" v-html="srcTag">
      Run code
      Cut to clipboard


        this.data="后台数据"; this.$nextTick(()=>{ this.srcTag='<video style="width:100%;height:100%"> <source src="域名' +this.data.Video +'.mp4" type="video/mp4"></source> 您的浏览器不支持此视频格式 </video>' })
        Run code
        Cut to clipboard


          页面加载的时候渲染