音視頻中的source元素
雖然html5支持Ogg、MPEG 4和WebM的視頻格式以及Vorbis、MP3和Wav的音頻格式，但各瀏覽器對這些格式卻不完全支持，在HTML5中，運(yùn)用source元素可以為video元素或audio元素提供多個(gè)備用文件。運(yùn)用source元素添加音頻的基本格式如下：
| <audio controls="controls"> <source src="音頻文件地址" type="媒體文件類型/格式"> <source src="音頻文件地址" type="媒體文件類型/格式"> …… </audio> |
source元素一般設(shè)置兩個(gè)屬性：src用于指定媒體文件的URL地址,type：指定媒體文件的類型,下面通過案例2-49來演示嵌入音頻的方法。
例2-49 example49.html
| <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>HTML5視頻播放器</title>
</head>
<body >
<video id="myVideo" width="630" controls>
<!--判斷是否支持其播放器-->
<source src="video/myVideo.ogg" type="video/ogg"/>
<source src="video/myVideo.webm" type="video/webm"/>
<source src="video/myVideo.mp4" type="video/mp4"/>
您的瀏覽器不支持video標(biāo)簽
</video>
</body>
</html> |
圖2-52 HTML5中嵌入視頻
