HTML5的Video標籤的屬性,方法和事件彙總

2021-10-19 21:00:15 字數 608 閱讀 8623

上海**優化

//audio和video都可以通過js獲取物件,js通過id獲取video和audio的物件

獲取video物件

media = document.getelementbyid(「media」);

media方法和屬性:

htmlvideoelement和htmlaudioelement 均繼承自htmlmediaelement

media.error; //null:正常

media.error.code; //1.使用者終止 2.網路錯誤 3.解碼錯誤 4.url無效

//網路狀態

//準備狀態

//回放狀態

media.controls;//是否有預設控制條

media.volume = value; //音量

media.muted = value; //靜音

timeranges(區域)物件

timeranges.length; //區域段數

timeranges.start(index) //第index段區域的開始位置

timeranges.end(index) //第index段區域的結束位置

//相關事件

學習html5的video標籤

慣例 我是溫浩然 您的瀏覽器不支援 video 標籤。親自試一試 iefirefox chrome safari opera internet explorer 9 firefox,opera,chrome 以及 safari 支援 標籤。注釋 internet explorer 8 以及更早的版本...

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...