學習html5的video標籤

2021-09-23 20:12:59 字數 1398 閱讀 4682

慣例:

我是溫浩然:

您的瀏覽器不支援 video 標籤。
親自試一試

iefirefox

chrome

safari

opera

internet explorer 9+, firefox, opera, chrome 以及 safari 支援 標籤。

注釋:internet explorer 8 以及更早的版本不支援 標籤。

標籤是 html 5 的新標籤。

可以在開始標籤和結束標籤之間放置文字內容,這樣老的瀏覽器就可以顯示出不支援該標籤的資訊。

new: html5 中的新屬性。屬性值

描述autoplay 屬性" style="border:0px;color:rgb(144,11,9);background:transparent;">autoplay

autoplay

controls 屬性" style="border:0px;color:rgb(144,11,9);background:transparent;">controls

controls

height 屬性" style="border:0px;color:rgb(144,11,9);background:transparent;">height

pixels

loop 屬性" style="border:0px;color:rgb(144,11,9);background:transparent;">loop

loop

muted 屬性" style="border:0px;color:rgb(144,11,9);background:transparent;">muted

muted

poster 屬性" style="border:0px;color:rgb(144,11,9);background:transparent;">poster

urlpreload 屬性" style="border:0px;color:rgb(144,11,9);background:transparent;">preload

preload

如果使用 "autoplay",則忽略該屬性。

src 屬性" style="border:0px;color:rgb(144,11,9);background:transparent;">src

urlwidth 屬性" style="border:0px;color:rgb(144,11,9);background:transparent;">width

pixels

標籤支援 html 中的全域性屬性。

標籤支援 html 中的事件屬性。

html dom 參考手冊:video 物件

html5標籤video 筆記一

摘要 網上的教程其實也不少了 w3cschool裡面的最為簡單而詳細,那麼這幾介紹的是一些更為直接的應用。本文目錄 使用標籤 加上一些必要引數 第一步 使用標籤 使用的方法很簡單,就是一句 video video video controls src video video controls aut...

html5標籤video 筆記二

摘要 獲取影片總時長 音量的獲取和設定 第一 獲取影片總時長 videoid myvideo controls preload auto width 300 height 165 poster src video 設定乙個id後,那麼就可以開始操作了,要獲取總時長,要用到video的乙個事件 loa...

html5的video元素學習手札

標籤嵌入到html文件中 初始化標籤時主要設定的屬性 preload 該列舉屬性旨在告訴瀏覽器作者認為達到最佳的使用者體驗的方式是什麼。可能是下列值之一 空字串 也就代指 auto 值 buffered 這個屬性可以讀取到哪段時間範圍內的 被快取了。該屬性包含了乙個 timeranges 物件 cr...