播放器video標籤

播放器video標籤

video標籤的屬性
src：媒體資源的來源
poster：視頻封面，視頻沒有播放時的封面
preload：預加載
autoplay：自動播放
loop：循環播放
control：瀏覽器自帶的控制條
width、height：在video中，爲自帶的屬性
以上屬性皆可以用js來控制；

<video id="mp4" src="./MP4/le.mp4"></video>//爲原始代碼

可往上加其自帶屬性

<video id="mp4" src="./MP4/le.mp4" controls width="400px" heigt="400px" loop>
</video>  

在這裏我們用js來控制video：

<input type="range" id="btntime" value="0" max="100"/>//設置自己想要的進度條樣式

Media方法和屬性

1. Media.currentTime = value 當前播放的位置，賦值可以改變其位置
   關於在谷歌瀏覽器中設置當前時間失效的問題，由於idea自帶server在播放本地音頻，soundmanager setPosition時自動歸零，此時可以改變路徑爲服務器路徑
   2.Media.startTime 　開始時間 如果不從0開始播放即不爲0
   3.Media.duration 　 該視頻的總時間
   4.Media.playbackRate 　當前的播放速度，賦值後即刻執行最新速度
   5.Media.pause 　　是否暫停
   6.Media.defaultPlaybackRate 　　默認的回放速度
   7.Media.played 　　　返回已經播放的區域
   8.Media.ended; 　　是否結束
   9.Media.play(); 　　播放
   10.Media.muted 是否靜音
   11.Media.volume = value 音量大小，範圍爲[0,1]
   12.Media.RequestFullScreen 全屏，全屏後默認Esc退出全屏模式