這篇文章主要講解了“HTML5中video標(biāo)簽如何使用”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“HTML5中video標(biāo)簽如何使用”吧！

成都創(chuàng)新互聯(lián)主打移動網(wǎng)站、成都網(wǎng)站建設(shè)、成都網(wǎng)站制作、網(wǎng)站改版、網(wǎng)絡(luò)推廣、網(wǎng)站維護(hù)、主機(jī)域名、等互聯(lián)網(wǎng)信息服務(wù)，為各行業(yè)提供服務(wù)。在技術(shù)實(shí)力的保障下，我們?yōu)榭蛻舫兄Z穩(wěn)定，放心的服務(wù)，根據(jù)網(wǎng)站的內(nèi)容與功能再決定采用什么樣的設(shè)計。最后，要實(shí)現(xiàn)符合網(wǎng)站需求的內(nèi)容、功能與設(shè)計，我們還會規(guī)劃穩(wěn)定安全的技術(shù)方案做保障。

HTML5中的video標(biāo)簽

HTML5中的video 標(biāo)簽HTML4中沒有的新標(biāo)簽。因為網(wǎng)頁沒有顯示視頻的標(biāo)準(zhǔn)所以，瀏覽器必須加載插件來進(jìn)行視頻的播放，插件運(yùn)行太多或插件本身問題都容易引起瀏覽器的假死，造成用戶的反感。所以，HTML5中的video標(biāo)簽的出現(xiàn)將改變?yōu)g覽器必須加載插件的情況，進(jìn)一步改善用戶Web體驗和降低瀏覽器假死的情況，讓用戶在輕松愉快的情況下觀看視頻。

HTML5 <video> 標(biāo)簽支持3種常用的視頻格式：

1、Ogg = 帶有 Theora 視頻編碼和 Vorbis 音頻編碼的 Ogg 文件；

2、MPEG4 = 帶有 H.264 視頻編碼和 AAC 音頻編碼的 MPEG 4 文件；

3、WebM = 帶有 VP8 視頻編碼和 Vorbis 音頻編碼的 WebM 文件。現(xiàn)在主流瀏覽器對視頻格式的支持都有所不同，相信HTML5正式發(fā)布的那天 <video> 會支持更多的視頻格式，給開發(fā)者和用戶帶來不少的好處。

下面來講講HTML5中的video標(biāo)簽如何使用,如果需要在瀏覽器中顯示視頻，你所需要的就是復(fù)制下面的代碼：

<video src="movie.ogg" width="320" height="240" controls="controls">

Your browser does not support the video tag.

</video>

control 屬性供添加播放、暫停和音量控件。包含Width寬度和高度height屬性也是不錯的主意。<video> 與 </video> 之間插入的內(nèi)容是供不支持 video 元素的瀏覽器顯示的。

上面的代碼使用一個 Ogg 文件，適用于Firefox、Opera 以及谷歌 Chrome 瀏覽器。要確保適用于 Safari 瀏覽器，視頻文件必須使用 MPEG4 格式。IE8是不支持HTML5的<video>標(biāo)簽，IE9支持該標(biāo)簽，但也必須使用MPEG4格式。

video 元素允許多個 source 元素。source 元素可以鏈接不同格式的視頻文件。瀏覽器檢測并使用第一個可識別的格式，代碼如下：

<video width="320" height="240" controls="controls">

  <source src="movie.ogg" type="video/ogg">

  <source src="movie.mp4" type="video/mp4">

Your browser does not support the video tag.

</video>

感謝各位的閱讀，以上就是“HTML5中video標(biāo)簽如何使用”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對HTML5中video標(biāo)簽如何使用這一問題有了更深刻的體會，具體使用情況還需要大家實(shí)踐驗證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識點(diǎn)的文章，歡迎關(guān)注！

本文名稱：HTML5中video標(biāo)簽如何使用
文章源于：http://www.chinadenli.net/article46/piehhg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、靜態(tài)網(wǎng)站、自適應(yīng)網(wǎng)站、微信公眾號、營銷型網(wǎng)站建設(shè)、域名注冊

廣告

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