video元素和audio元素

內容：html

1.video元素web

2.audio元素chrome

注：這兩個元素均是HTML5新增的元素瀏覽器

1.video元素ide

(1)用途編碼

<video> 標籤訂義視頻，好比電影片斷或其餘視頻流spa

(2)標籤屬性code

(3)實例視頻

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta name="viewport" content="width=device-width, initial-scale=1">
 6     <title>video標籤</title>
 7 </head>
 8 <body>
 9 
10 <!-- 自動播放 有播放控件 寬600px 高400px -->
11 <video src="xxx.mp4" controls="controls" autoplay="autoplay" width="600" height="500">
12     <!-- 當瀏覽器不支持video標籤時顯示以下文字 -->
13     your browser does not support the video tag
14 </video>
15 
16 </body>
17 </html>

(4)補充 - source元素與編碼格式htm

source元素指定多個播放格式與編碼：source元素能夠爲同一個媒體數據指定多個播放格式與編碼方式，以確保瀏覽器能夠從中選擇一種本身支持的播放格式進行播放。選擇順序自上而下，直到選擇都所支持的格式爲止。其使用方法以下：

1 <video>
2     <source src="video.m4v" type="video/mp4" />
3     <source src="video.webm" type="video/webm" />
4     <source src="video.ogv" type="video/ogg" />
5     <source src="video.mp4" />
6 </video>

各類設備對於編碼格式的支持：

webm(.webm)格式的視頻：Firefox4.0以上、chrome6.0以上、Opera10.6以上；
mp4(.m4v)格式的視頻：IE9.0以上、Safari3.1以上、iso5.0以上、Android4.0以上；
ogg(.ogv)格式的視頻：Firefox3.5以上、chrome3.0以上、Opera10.5以上；
mp4(.mp4)格式的視頻：IE9.0以上、Safari3.1以上、iso3.0以上、Android2.3以上；

2.audio元素

(1)用途

<audio> 標籤訂義聲音，好比音樂或其餘音頻流

(2)標籤屬性

(3)實例

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta name="viewport" content="width=device-width, initial-scale=1">
 6     <title>audio標籤</title>
 7 </head>
 8 <body>
 9 
10 <!-- 自動播放 帶播放控件 -->
11 <audio src="xxx.wav" controls="controls" autoplay="autoplay">
12     <!-- 當瀏覽器不支持audio標籤時顯示以下文字 -->
13     your browser does not support the audio tag
14 </audio>
15 
16 </body>
17 </html>