HTML5的video標(biāo)簽無法播放視頻怎么解決?相信很多沒有經(jīng)驗(yàn)的人對(duì)此束手無策,為此本文總結(jié)了問題出現(xiàn)的原因和解決方法,通過這篇文章希望你能解決這個(gè)問題。
堅(jiān)守“ 做人真誠(chéng) · 做事靠譜 · 口碑至上 · 高效敬業(yè) ”的價(jià)值觀,專業(yè)網(wǎng)站建設(shè)服務(wù)10余年為成都OPP膠袋小微創(chuàng)業(yè)公司專業(yè)提供企業(yè)網(wǎng)站設(shè)計(jì)營(yíng)銷網(wǎng)站建設(shè)商城網(wǎng)站建設(shè)手機(jī)網(wǎng)站建設(shè)小程序網(wǎng)站建設(shè)網(wǎng)站改版,從內(nèi)容策劃、視覺設(shè)計(jì)、底層架構(gòu)、網(wǎng)頁布局、功能開發(fā)迭代于一體的高端網(wǎng)站建設(shè)服務(wù)。
前言
最近發(fā)現(xiàn)了一個(gè)問題,在手機(jī)錄制了一個(gè)1.mp4文件,主流瀏覽器都能正常播放。但使用格式工廠將rmvb文件轉(zhuǎn)碼為2.mp4卻不能播放。通過查找相關(guān)的資料終于解決了,下面分享出來供大家參考學(xué)習(xí),下面來看看詳細(xì)的介紹:
問題分析
手機(jī)錄制的視頻屬性:
格式化工廠轉(zhuǎn)碼的視頻屬性:
首先排除代碼問題,路徑問題,瀏覽器不支持等問題。轉(zhuǎn)碼后的視頻編碼是mp4v,這是不能播放的原因,轉(zhuǎn)換為AVC(H264)編碼即可。
查閱文檔,關(guān)于video標(biāo)簽所支持的視頻格式和編碼:
MPEG4 = 帶有H.264視頻編碼和AAC音頻編碼的MPEG4文件
WebM = 帶有VP8視頻編碼和Vorbis音頻編碼的 WebM文件
Ogg = 帶有Theora視頻編碼和Vorbis音頻編碼的Ogg文件
通過上面的信息我們發(fā)現(xiàn)只有h364編碼的MP4視頻(MPEG-LA公司)、VP8編碼的webm格式的視頻(Google公司)和Theora編碼的ogg格式的視頻(iTouch開發(fā))可以支持html5的
解決方法
video標(biāo)簽允許多個(gè)source元素,source元素可以鏈接不同的視頻文件,瀏覽器將使用第一個(gè)可識(shí)別的格式,這樣可用來解決瀏覽器兼容問題。
以上就是HTML5的video標(biāo)簽無法播放視頻的具體操作,代碼詳細(xì)清楚,如果在日常工作遇到這個(gè)問題,希望你能通過這篇文章解決問題。如果想了解更多相關(guān)內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!