微信端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>'          
})

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章