HTML5的video標(biāo)簽無法播放視頻怎么解決

HTML5的video標(biāo)簽無法播放視頻怎么解決？相信很多沒有經(jīng)驗(yàn)的人對(duì)此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個(gè)問題。    

堅(jiān)守“ 做人真誠 · 做事靠譜 · 口碑至上 · 高效敬業(yè) ”的價(jià)值觀，專業(yè)網(wǎng)站建設(shè)服務(wù)10余年為成都OPP膠袋小微創(chuàng)業(yè)公司專業(yè)提供企業(yè)網(wǎng)站設(shè)計(jì)營銷網(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)簽。

解決方法

video標(biāo)簽允許多個(gè)source元素，source元素可以鏈接不同的視頻文件，瀏覽器將使用第一個(gè)可識(shí)別的格式，這樣可用來解決瀏覽器兼容問題。

<video controls="controls" width="100%">
  <source src="1.mp4" type="video/mp4">
  <source src="1.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

以上就是HTML5的video標(biāo)簽無法播放視頻的具體操作，代碼詳細(xì)清楚，如果在日常工作遇到這個(gè)問題，希望你能通過這篇文章解決問題。如果想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

當(dāng)前文章：HTML5的video標(biāo)簽無法播放視頻怎么解決
鏈接地址：http://muchs.cn/article2/jehcic.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、全網(wǎng)營銷推廣、自適應(yīng)網(wǎng)站、企業(yè)建站、用戶體驗(yàn)、定制開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)