video-audio
HTML5新特性——視頻播放web
HTML5提供了一個新的標籤<video>標籤，用於播放視頻。該標籤默認是一個300*150的inline-block。使用方法：瀏覽器
<video src="x.mp4"></video>ide
<video>oop
<source src="x.mp4">post
<source src="x.ogg">spa
<source src="x.webm">視頻
</video>對象
VIDEO元素/對象的屬性：事件
(1)src：指定要播放的視頻的資源路徑資源
(2)autoplay：false，是否自動播放
(3)controls：false，是否顯示播放控件，提示：不一樣瀏覽器的播放控件外觀不一樣
(4)currentTime：0，當前播放的時間點（s）
(5)duration：60，影片總時長（s）
(6)ended：false，是否播放到結尾
(7)loop：false，是否循環播放
(8)muted：false，是否靜音
(9)volume：1，音量設置（0~1），對象屬性，不用於標籤
(10)paused：當前是否處於暫停狀態
(11)poster：''，指定視頻第一幀播放前的電影海報
(12)preload：指定視頻預加載方案，可取值：
auto：默認值，自動預加載視頻的寬高、時長、第一幀內容、並緩衝了必定的時長
metadata：元數據，只預加載視頻的寬高、時長、第一幀內容
none：不預加載任何內容
VIDEO對象的方法：
play()：開始播放
pause()：暫停播放
VIDEO對象的事件：
onplay：視頻開始播放（可能多種緣由引發）
onpause：視頻開始暫停（可能多種緣由引發）
onplaying:
HTML5新特性——音頻播放
HTML5提供了一個新的標籤<audio>標籤，用於播放音頻。該標籤若沒有controls屬性，則默認display:none；反之則是一個300*30的inline-block。使用方法：
<audio src="x.mp3"></audio>
<audio>
<source src="x.mp3">
<source src="x.ogg">
<source src="x.wav">
</audio>
AUDIO元素/對象的屬性：
(1)src：指定要播放的視頻的資源路徑
(2)autoplay：false，是否自動播放
(3)controls：false，是否顯示播放控件，提示：不一樣瀏覽器的播放控件外觀不一樣
(4)currentTime：0，當前播放的時間點（s）
(5)duration：60，影片總時長（s）
(6)ended：false，是否播放到結尾
(7)loop：false，是否循環播放
(8)muted：false，是否靜音
(9)volume：1，音量設置（0~1），對象屬性，不用於標籤
(10)paused：當前是否處於暫停狀態
(12)preload：指定視頻預加載方案，可取值：
auto：默認值，自動預加載視頻的寬高、時長、第一幀內容、並緩衝了必定的時長
metadata：元數據，只預加載視頻的寬高、時長、第一幀內容
none：不預加載任何內容
AUDIO對象的方法：
play()：開始播放
pause()：暫停播放
AUDIO對象的事件：
onplay：視頻開始播放（可能多種緣由引發）
onpause：視頻開始暫停（可能多種緣由引發）
onplaying:
-
每一个你不满意的现在，都有一个你没有努力的曾经。