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

2022-06-08 18:03:08 字數 931 閱讀 7682

preload:預載入

controls:瀏覽器自帶的控制條

html **

"media" src="" controls width="400px" heigt="400px">video>  

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

獲取video物件

media = document.getelementbyid("media"); 

htmlvideoelement和htmlaudioelement 均繼承自htmlmediaelement

***//網路狀態 ***

***//準備狀態 ***

***//回放狀態 ***

media.starttime; //一般為0,如果為流**或者不從0開始的資源,則不為0

media.duration; //當前資源長度 流返回無限

media.paused; //是否暫停

media.defaultplaybackrate = value;//預設的回放速度,可以設定

media.seekable; //返回可以seek的區域 timeranges

media.ended; //是否結束

media.pause(); //暫停

//相關事件

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