現在互聯網視頻大都使用Flash來實現。但是不同的瀏覽器可能使用不同的插件。在HTML5中則提供了一個統一的方式來展示視頻內容。HTML5 video在Internet Explorer 9, Firefox, Opera, Chrome, 和Safari都支持。IE8及其更早的瀏覽器不支持。

?代碼如下

<SPAN style="COLOR: #000000"><video width="320" height="240" controls="controls" id="gbin1">
? <source src="movie.mp4" type="video/mp4" />
? <source src="movie.ogg" type="video/ogg" />
? Your browser does not support the video tag.
</video>

?</SPAN>
?

以上的控制屬性可以添加視頻相關的控制，例如，播放，暫停和音量。當然，如果必要我們也需要添加高度和寬度。如果高和寬設定后，頁面加載后針對這個視頻的區域的大小會預留出來。如果沒有相關高和寬的屬性，瀏覽器則不能正確預留顯示視頻區域。效果就是頁面加載過程中，頁面布局可能變化。

應該在<video>和</video>元素內容間加入文字內容，這樣可以保證如果瀏覽器不支持video標簽。頁面能夠顯示正確的文字。

?video標簽允許加入多個<source>元素。這些元素可以鏈接到不同的視頻文件。當然，瀏覽器會使用第一個識別出的格式。目前，<video>標簽支持3類文件格式 ：MP4， webM和Ogg

總結

以上是生活随笔為你收集整理的Html5中的Video元素使用方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。