HTML5播放器

HTML5 播放器

http://www.w3school.com.cn/html5/html_5_video.asp
http://www.w3school.com.cn/tags/tag_video.asp

大多數視頻是通過插件(比如 Flash)來顯示的。然而,並非所有瀏覽器都擁有同樣的插件。
HTML5 規定了一種通過 video 元素來包含視頻的標準方法。

1 視頻格式 :video 元素支持三種視頻格式:
這裏寫圖片描述

Ogg = 帶有 Theora 視頻編碼和 Vorbis 音頻編碼的 Ogg 文件
MPEG4 = 帶有 H.264 視頻編碼和 AAC 音頻編碼的 MPEG 4 文件
WebM = 帶有 VP8 視頻編碼和 Vorbis 音頻編碼的 WebM 文件

2 如何工作
如需在 HTML5 中顯示視頻,您所有需要的是:

完整的例子如下:




Your browser does not support the video tag.


說明:
controls 屬性供添加播放、暫停和音量控件。還可以添加寬度和高度屬性。
與 之間插入的內容是供不支持 video 元素的瀏覽器顯示的:

3 標籤的屬性
這裏寫圖片描述

4 瀏覽器支持
這裏寫圖片描述
Internet Explorer 9+, Firefox, Opera, Chrome 、360以及 Safari 支持 標籤。
註釋:Internet Explorer 8 以及更早的版本不支持 標籤。

5 定義和用法
標籤定義視頻,比如電影片段或其他視頻流。
HTML 4.01 與 HTML 5 之間的差異, 標籤是 HTML 5 的新標籤。

6 提示和註釋
提示:可以在開始標籤和結束標籤之間放置文本內容,這樣老的瀏覽器就可以顯示出不支持該標籤的信息。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章