微信端iphone 使用video標籤播放不了視訊
阿新 • • 發佈:2019-02-14
Source標籤用於給媒體(因為audio標籤同樣可以包含此標籤,所以這兒用媒體,而不是視訊)指定多個可選擇的(瀏覽器最終只能選一個)檔案地址,且只能在媒體標籤沒有使用src屬性時使用。
問題:微信端iphone使用video標籤播放不了視訊
分析問題:video標籤的src=“播放地址”,在安卓,平板上都可以播放使用,在iphone個別手機上不能播放使用。
解決方案:
<video>
<source src="播放地址"></source>
</video>
發現在渲染資料的頁面,還有一個問題,就是:DOM載入完成,資料才繫結上去
<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>'
})
頁面載入的時候渲染就可以了。我所面對的問題就是這樣解決的。
如果大家有更好的解決辦法,請寫在評論裡。