随着嵌入音频和视频元素在 Web 应用上的流行,大多数内容提供商会强迫使用 Flash 以便达到最佳 的跨浏览器兼容性。
HTML5 新增了两个与媒体相关的元素,即
<!-- 嵌入视频 -->
<video src="conference.mpg" id="myVideo">视频加载失败</video>
<!-- 嵌入音频 -->
<audio src="song.mp3" id="myAudio">音频加载失败</audio>
controls 属性如果存在,则表示浏览器应该显示播放界面,让用户可以直接控制媒体。
由于浏览器支持的媒体格式不同,因此可以指定多个不同的媒体源。
<!-- 嵌入视频 -->
<video id="myVideo">
<source src="conference.webm" type="video/webm; codecs='vp8, vorbis'">
<source src="conference.ogv" type="video/ogg; codecs='theora, vorbis'">
<source src="conference.mpg">
Video player not available.
</video>
<!-- 嵌入音频 -->
<audio id="myAudio">
<source src="song.ogg" type="audio/ogg">
<source src="song.mp3" type="audio/mpeg">
Audio player not available.
</audio>