這篇“html5中video標簽怎么用”除了程序員外大部分人都不太理解，今天小編為了讓大家更加理解“html5中video標簽怎么用”，給大家總結(jié)了以下內(nèi)容，具有一定借鑒價值，內(nèi)容詳細步驟清晰，細節(jié)處理妥當，希望大家通過這篇文章有所收獲，下面讓我們一起來看看具體內(nèi)容吧。

創(chuàng)新互聯(lián)是創(chuàng)新、創(chuàng)意、研發(fā)型一體的綜合型網(wǎng)站建設(shè)公司，自成立以來公司不斷探索創(chuàng)新，始終堅持為客戶提供滿意周到的服務(wù)，在本地打下了良好的口碑，在過去的十載時間我們累計服務(wù)了上千家以及全國政企客戶，如成都隧道混凝土攪拌車等企業(yè)單位，完善的項目管理流程，嚴格把控項目進度與質(zhì)量監(jiān)控加上過硬的技術(shù)實力獲得客戶的一致稱揚。

html有什么特點

1、簡易性：超級文本標記語言版本升級采用超集方式，從而更加靈活方便，適合初學(xué)前端開發(fā)者使用。 2、可擴展性：超級文本標記語言的廣泛應(yīng)用帶來了加強功能，增加標識符等要求，超級文本標記語言采取子類元素的方式，為系統(tǒng)擴展帶來保證。  3、平臺無關(guān)性：超級文本標記語言能夠在廣泛的平臺上使用，這也是萬維網(wǎng)盛行的一個原因。 4、通用性：HTML是網(wǎng)絡(luò)的通用語言，它允許網(wǎng)頁制作人建立文本與圖片相結(jié)合的復(fù)雜頁面，這些頁面可以被網(wǎng)上任何其他人瀏覽到，無論使用的是什么類型的電腦或瀏覽器。

使用html5視頻背景

直到現(xiàn)在，仍然不存在一項旨在網(wǎng)頁上顯示視頻的標準。今天，大多數(shù)視頻是通過插件（比如 Flash）來顯示的。然而，并非所有瀏覽器都擁有同樣的插件。HTML5 規(guī)定了一種通過 video 元素來包含視頻的標準方法。

瀏覽器支持的視頻格式

當前，video 元素支持Ogg，MPEG4，WebM三種視頻格式,這三種格式瀏覽器支持情況如下：

格式	IE	Firefox	Opera	Chrome	Safari
Ogg	No	3.5+	10.5+	5.0+	No
MPEG 4	9.0+	No	No	5.0+	3.0+
WebM	No	4.0+	10.6+	6.0+	No

Ogg 格式就是 帶有 Theora 視頻編碼和 Vorbis 音頻編碼的 Ogg 文件，MPEG4格式就是 帶有 H.264 視頻編碼和 AAC 音頻編碼的 MPEG 4 文件，mp4格式就屬于這個格式，WebM格式就是 帶有 VP8 視頻編碼和 Vorbis 音頻編碼的 WebM 文件。

使用video元素實現(xiàn)視頻播放

video元素的control 屬性供添加播放、暫停和音量控件，<video> 與 </video> 之間插入的內(nèi)容是供不支持 video 元素的瀏覽器顯示的，source 元素可以鏈接不同的視頻文件，解決瀏覽器兼容視頻格式問題，下面使用了二個source元素實現(xiàn)上面五個瀏覽器都能播放該視頻。簡單代碼如下：

<video controls=" controls">
<source src="../videoAudio/1.mp4" type="audio/mp4"></source>
<source src="../videoAudio/1.ogg" type="audio/ogg"></source>
該瀏覽器不支持該格式的視頻播放
</video>

使用Dom進行操作Video

使用自定按鈕來實現(xiàn)controls屬性的播放，暫停，以及視頻大小的控制。

<video id="view">
<source src="../videoAudio/1.mp4" type="audio/mp4"></source><!--播放多個格式的視頻-->
<source src="../videoAudio/1.ogg" type="audio/ogg"></source>
該瀏覽器不支持視頻格式
</video>
<button onclick="play()">停止/開始</button><button onclick="toSmall()">縮小</button> <button onclick="toBig()">放大</button>
<script>
var v =document.getElementById("view");
function play(){
if(v.paused){
v.play();//播放
} else{
v.pause();//停止
}
}
function toSmall(){
v.width=300;
v.height=300;
}
function toBig(){
v.width=500;
v.height=500;
}
</script>

視頻格式轉(zhuǎn)化（將MP4格式轉(zhuǎn)換成ogg格式）

1.首先下載ffmpeg，輸入網(wǎng)址www.ffmpeg.org(開源網(wǎng)址），進入windows中進行下載windows版本的文件。

2.解壓ffmpeg壓縮文件（以ffmpeg-20180803-5aeb3b0-win32-static.zip為例），再環(huán)境變量path中增加ffmpegbin目錄的路徑（G:\mydeveloperapplication\hbuilder\html5\ffmpeg-20180803-5aeb3b0-win32-static\bin）。

3.環(huán)境變量設(shè)置好后，然后在DOS命令窗體中鍵入ffmpeg，測試是否可運行。

4. 在DOS命令窗體中 切換到mp4視頻文件就在的目錄，最后鍵入ffmpeg -i 1.mp4  -acodec  libvorbis 1.ogg(這里是將1.mp4裝換成1.ogg）。

5.ffmpeg詳細命令。

感謝你的閱讀，希望你對“html5中video標簽怎么用”這一關(guān)鍵問題有了一定的理解，具體使用情況還需要大家自己動手實驗使用過才能領(lǐng)會，快去試試吧，如果想閱讀更多相關(guān)知識點的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)站題目：html5中video標簽怎么用
URL分享：http://jinyejixie.com/article32/podisc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供自適應(yīng)網(wǎng)站、Google、建站公司、、品牌網(wǎng)站制作、定制開發(fā)

廣告

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