首頁 > web前端 > H5教程 > 關於HTML5 video基礎總結

關於HTML5 video基礎總結

黄舟
發布: 2017-05-19 16:59:57
原創
1319 人瀏覽過

一、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標籤######
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板