關於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標籤######39000f942b2545a5315c57fa3276f220之內可以放置e02da388656c3265154666b7c71a8ddc設定多個video資源，可以是同一個視訊資源的不同格式，如下：###

<video id=“video” width=“420”>
    <scource src=“a.mp4” type=“video/mp4”>
    <scource src=“a.ogg” type=“video/ogg”>
</video>

###【相關推薦】######1. ###IIS的MIME未註冊MP4類型，導致無法識別vidoe標籤的解決方法#########2. ###H5 video標籤只能放聲音不能放影片的解決方法#########3. ###分享一個video標籤無法播放mp4的問題以及解決方案#########4. ###html 5中使用video元素製作一個影片播放器#########5. ###詳解html5的video標籤測試應用程式######

以上是關於HTML5 video基礎總結的詳細內容。更多資訊請關注PHP中文網其他相關文章！