HTML5官方文檔學習筆記(二)----使用HTML5音頻和視頻

嵌入媒體

插入視頻使用video,插入音頻使用audio
在這裏插入圖片描述
可以用 <source> 標籤來指定多個文件,以爲不同瀏覽器提供可支持的編碼格式。例如:
在這裏插入圖片描述

終止媒體下載

停止媒體播放很簡單,只要調用 pause() 方法即可,然而瀏覽器還會繼續下載媒體直至媒體元素被垃圾回收機制回收。
以下是即刻停止媒體下載的方法:

var mediaElement = document.getElementById("myMediaElementID");
mediaElement.pause();

在媒體中查找

媒體元素支持在媒體的內容中從當前播放位置移到某個特定點。

var mediaElement = document.getElementById('mediaElementID');
mediaElement.currentTime = 122; // 設定在 122 seconds

標記播放範圍

#t=[starttime][,endtime]

在這裏插入圖片描述

使用Flash

在這裏插入圖片描述

錯誤處理

Geocko2.0首發(Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1), 錯誤處理已經被修訂符合HTML5的最新版規範。 取締把錯誤事件發送給媒體元素自生的方式,現在把它交付給子代中的 <source>元素對應導致錯誤的來源。

<video>
<source id="mp4_src"
  src="video.mp4"
  type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
</source>
<source id="3gp_src"
  src="video.3gp"
  type='video/3gpp; codecs="mp4v.20.8, samr"'>
</source>
<source id="ogg_src"
  src="video.ogv"
  type='video/ogg; codecs="theora, vorbis"'>
</source>
</video>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章