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

成都創(chuàng)新互聯(lián)2013年至今，先為門(mén)頭溝等服務(wù)建站，門(mén)頭溝等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢(xún)服務(wù)。為門(mén)頭溝企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。html有什么特點(diǎn)

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

使用html5視頻背景

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

瀏覽器支持的視頻格式

當(dāng)前，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格式就屬于這個(gè)格式，WebM格式就是 帶有 VP8 視頻編碼和 Vorbis 音頻編碼的 WebM 文件。

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

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

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

使用Dom進(jìn)行操作Video

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

<video id="view">
<source src="../videoAudio/1.mp4" type="audio/mp4"></source><!--播放多個(gè)格式的視頻-->
<source src="../videoAudio/1.ogg" type="audio/ogg"></source>
該瀏覽器不支持視頻格式
</video>
<button onclick="play()">停止/開(kāi)始</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(開(kāi)源網(wǎng)址），進(jìn)入windows中進(jìn)行下載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，測(cè)試是否可運(yùn)行。

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

5.ffmpeg詳細(xì)命令。

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

標(biāo)題名稱(chēng)：html5中video標(biāo)簽怎么用-創(chuàng)新互聯(lián)
網(wǎng)站鏈接：http://chinadenli.net/article32/hjhsc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供云服務(wù)器、響應(yīng)式網(wǎng)站、小程序開(kāi)發(fā)、品牌網(wǎng)站建設(shè)、網(wǎng)站維護(hù)、微信小程序

廣告

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