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

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

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

使用html5視頻背景

直到現(xiàn)在，仍然不存在一項旨在網(wǎng)頁上顯示視頻的標(biāo)準(zhǔn)。今天，大多數(shù)視頻是通過插件（比如 Flash）來顯示的。然而，并非所有瀏覽器都擁有同樣的插件。HTML5 規(guī)定了一種通過 video 元素來包含視頻的標(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格式就屬于這個格式，WebM格式就是 帶有 VP8 視頻編碼和 Vorbis 音頻編碼的 WebM 文件。

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

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

該瀏覽器不支持該格式的視頻播放

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

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

該瀏覽器不支持視頻格式

停止/開始縮小 放大

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

1.首先下載ffmpeg，輸入網(wǎng)址www.ffmpeg.org(開源網(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，測試是否可運(yùn)行。

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

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

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

網(wǎng)頁標(biāo)題：html5中video標(biāo)簽怎么用-創(chuàng)新互聯(lián)
本文鏈接：http://weahome.cn/article/hjhsc.html