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>'
})
頁面加載的時候渲染就可以了。我所面對的問題就是這樣解決的。
如果大家有更好的解決辦法,請寫在評論裏。