文章出處
文章列表
HTML5 提供了展示視頻的標準
今天，大多數視頻是通過插件（比如 Flash）來顯示的。然而，并非所有瀏覽器都擁有同樣的插件。
HTML5 規定了一種通過 video 元素來包含視頻的標準方法。
一、如何在html5中顯示視頻
視頻格式有限制：目前支持這三種格式
Ogg = 帶有 Theora 視頻編碼和 Vorbis 音頻編碼的 Ogg 文件
MPEG4 = 帶有 H.264 視頻編碼和 AAC 音頻編碼的 MPEG 4 文件
WebM = 帶有 VP8 視頻編碼和 Vorbis 音頻編碼的 WebM 文件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<video width="320" height="240" controls="controls">
<source src="img/mov_bbb.ogg" type="video/ogg">
<source src="img/mov_bbb.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</body>
</html>
.ogg格式文件，適用于firefox、opera以及chrome瀏覽器。
確保Safari瀏覽器，視頻格式必須是MPEG4格式。
在<source>寫了兩個，瀏覽器將使用第一個可識別的格式，如果都不識別的話，就只能顯示”Your browser does not support the video tag.“
注意：Internet Explorer 8 不支持 video 元素。在 IE 9 中，將提供對使用 MPEG4 的 video 元素的支持。
附錄：1、在Hbuilder中的文件樣式
2、在chrome中測試
3、在IE9中測試
4、在IE8中的情況
文章列表
全站熱搜
留言列表
