1. 程式人生 > >微信端iphone 使用video標籤播放不了視訊

微信端iphone 使用video標籤播放不了視訊

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>' })

頁面載入的時候渲染就可以了。我所面對的問題就是這樣解決的。
如果大家有更好的解決辦法,請寫在評論裡。