關於HTML5 video基礎總結

一、video標籤的基本屬性

1.autoplay=“autoplay”：規定一旦視頻就緒馬上開始播放

2.control=“controls”：讓瀏覽器為視頻播放器提供預設的暫停、進度條等控制。如果設定了這個就不能使用自己定義的控制項。

3.width=“320” height=“240”：定義視訊播放器的寬高。設定這個會讓頁面對影片播放器部分空間保留，入不設定一開始不會保留可能造成頁面佈局混亂

4.loop=「loop」：規定影片結束後將重新開始播放

5.preload屬性：auto表示頁面載入後載入整個影片；meta只載入元資料；none：不載入影片

6.src：規定要播放視訊的url，支援的視訊格式：MP4/WebM/Ogg

二、video常用API

1.current

#Time：表示目前播放的時間，可以透過js的操作進行修改，反映到播放進度上

#2.load()方法：載入影片；play()方法：播放影片；pause ()方法：暫停影片

3.volume：表示目前的聲音大小，可透過js調節

4.muted：true表示靜音，false表示不靜音

# 5.playbackRate：設定播放速度快慢，預設是1表示按1秒播放

三、使用js控制video實例######透過###元素選擇器###取得對應的< ;video>元素：var myVideo = ###document###.getElementById(“video”)######myVideo.play()：讓影片開始播放；myVideo.pause()：讓影片停止播放# #####可以透過myVideo.height和myVideo.width對視訊的大小進行設定######四、source標籤######