• EN
香港:(852)3749 9734
廣州: (020) 3808 3267
[email protected]

新聞資料

HTML5 中如何嵌入音頻,視頻?

在HTML5 中如何嵌入音頻?
HTML5 支持 MP3、Wav 和 Ogg 格式的音頻,代碼示例:
 
<audio controls>
<source src="xin126.mp3" type="audio/mpeg">
Your browser does’nt support audio embedding feature.
</audio>
HTML5 中如何嵌入視頻?
和音頻類似,HTML5 支持 MP4、WebM 和 Ogg 格式的視頻:
 
<video width="560"  height="450" controls>    
<source src="xin126.mp4" type="video/mp4">     
Your browser does’nt support video embedding feature.  
</video>
HTML5 對於多媒體提供了強有力的支持,除了 audio 和 video 標籤外,還支持以下標籤:
 
<embed> 標籤定義嵌入的內容,比如插件。
 
<embed type="video/quicktime" src="Fishing.mov">
<source> 對於定義多個數據源很有用。
 
<video width="580" height="460" controls>       
<source src="xin126.mp4" type="video/mp4">       
<source src="xin126.ogg" type="video/ogg">  
</video>
<track> 標籤為諸如 video 元素之類的媒介規定外部文本軌道。 用於規定字幕檔或其他包含文本的檔,當媒介播放時,這些檔是可見的。
 
<video width="450" height="340" controls>       
<source src="xin126.mp4" type="video/mp4">       
<source src="xin126.ogg" type="video/ogg">       
<track kind="subtitles" label="English" src="xin126_en.vtt" srclang="en" default></track>        
<track kind="subtitles" label="Arabic" src="xin126_ar.vtt" srclang="ar"></track>  </video>