整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
共支持三種格式： Ogg、MPEG4、WebM。但這三種格式對于瀏覽器的兼容性卻各不同。
格式 IE Firefox Opera Chrome Safari
Ogg No 3.5+ 10.5+ 5.0+ No
MPEG4 9.0+ No No 5.0+ 3.0+
WebM No 4.0+ 10.6+ 6.0+ No
NO：代表不支持這款瀏覽器。
X.0+：表示支持這款及版本更高的瀏覽器。
這些大家應(yīng)該都知道，所以這個不是我說的重點(diǎn)
下面來說一下我今天做項(xiàng)目遇到的問題：
我在項(xiàng)目中需要插入一段視頻，視頻是甲方提供的，當(dāng)時我們寫的要求是提供一個mp4格式的就可以了。甲方提供的也確實(shí)是MP4格式的，但是瀏覽器竟然不支持。這個是為什么？不是說好的支持MP4格式的嗎？然后我開始查資料，才明白原來MP4只是一個容器，里面還有一個叫編碼器的東西。格式雖然都是MP4但是html中只支持H.264的編碼格式。所以要用軟件來轉(zhuǎn)碼。軟件我已經(jīng)上傳到資源里面了。感興趣的可以下載看看。
關(guān)于標(biāo)簽所支持的視頻格式和編碼：
MP4 = MPEG 4文件使用 H264 視頻編解碼器和AAC音頻編解碼器
WebM = WebM 文件使用 VP8 視頻編解碼器和 Vorbis 音頻編解碼器
Ogg = Ogg 文件使用 Theora 視頻編解碼器和 Vorbis音頻編解碼器
使用方法（以MP4為例）
第一步
第二步
第三步
好程序員web前端分享HTML5 video事件應(yīng)用示例，使用 onloadedmetadata 事件獲取視頻的時間長度，使用 ontimeupdate 事件獲取視頻當(dāng)前播放的進(jìn)度，示例代碼如下：
1、獲取視頻時間長度
當(dāng)視頻載入video后，使用 onloadedmetadata 事件獲取視頻的時間長度。
代碼如下:
video.onloadedmetadata = function () {
var vLength = video.duration;
console.log(vLength);
}
2、當(dāng)前視頻的播放進(jìn)度
當(dāng)視頻開始播放時，可以使用 ontimeupdate 事件獲取視頻當(dāng)前播放的進(jìn)度。當(dāng)video對象的 currentTime 屬性發(fā)生改變時觸發(fā) ontimeupdate 事件。currentTime 屬性是浮點(diǎn)小數(shù)，可取到 12 位數(shù)的小數(shù)位數(shù)。
代碼如下:
video.ontimeupdate = function () {
var vTime = video.currentTime;
console.log(vTime);
};
們在觀看百度網(wǎng)盤視頻的時候，不僅下載被限速，而且倍速觀看還需要會員！ 百度網(wǎng)盤是現(xiàn)在網(wǎng)盤行業(yè)用戶量最大的，用百度網(wǎng)盤追劇、上傳下載資源、考研黨用來學(xué)習(xí)等等！ 那這篇文章就幫大家解決大家看視頻是需要倍速觀看需要會員的問題！ 不需要其他軟件，一行代碼解決問題！
需要一臺PC電腦、一個瀏覽器（這里推薦chrome瀏覽器），這里以加速李永樂老師視頻為例子（至于為什么，就不用我多說了吧，考研學(xué)數(shù)學(xué)的都懂（狗頭））
1.首先打開我們要倍速的視頻，然后打開開發(fā)者工具（其他瀏覽器打開方式類似），如下圖：
打開開發(fā)者工具
2. 打開Console窗口：
打開console窗口
3.輸入代碼videojs.getPlayers("video-player").html5player.tech_.setPlaybackRate(1.5)
按下回車，即可加速播放視頻。這里括號里面的1.5是1.5倍速的意思，可以更改參數(shù)實(shí)現(xiàn)其他倍速觀看，例如二倍速是videojs.getPlayers("video-player").html5player.tech_.setPlaybackRate(2)
文章受用的話，請點(diǎn)個贊哇，謝謝！！！！
*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
