HTML插入音頻和視頻：audio和video標籤及其屬性

1、上傳到第三方網站，而後引入例如視頻上傳到優酷網，而後獲得代碼

<iframe height=498 width=510 src='http://player.youku.com/embed/XMTg1MjAzMTUwMA==' frameborder=0 'allowfullscreen'></iframe>

2、audio 標籤訂義聲音，好比音樂或其餘音頻流。

1.audio支持三種音頻格式ogg、mp三、wav，爲了兼容性考慮，通常會引入其中的兩種格式

2.屬性：

autoplay 若是出現該屬性，則音頻在就緒後立刻播放。（注：能夠autoplay=「autoplay」這種寫法，也能夠直接寫autoplay）

controls 若是出現該屬性，則向用戶顯示控件，好比播放按鈕。（注：能夠controls=「controls」這種寫法，也能夠直接寫controls）

loop 若是出現該屬性，則每當音頻結束時從新開始播放。（注：能夠loop=「loop」這種寫法，也能夠直接寫loop）

preload 若是出現該屬性，則音頻在頁面加載時進行加載，並預備播放。若是使用 "autoplay"，則忽略該屬性。（load、auto、meta、none）

src 要播放的音頻的 URL。（能夠和列子同樣的寫法，引入source單標籤）

3.下面是在Firefox瀏覽器的顯示風格，其餘瀏覽器顯示風格不同，能夠經過css統一格式

4.能夠在開始標籤和結束標籤之間放置文本內容，這樣老的瀏覽器就能夠顯示出不支持該標籤的信息。

<audio controls autoplay loop>
        <source src="/i/horse.ogg">
        <source src="/i/horse.mp3">
        <source src="/i/horse.wav">
 您的瀏覽器不支持 video 標籤！
</audio>

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

1.video支持三種音頻格式ogg、mp四、webm，爲了兼容性考慮，通常會引入其中的兩種格式

2.屬性：

autoplay 若是出現該屬性，則視頻在就緒後立刻播放。（注：能夠autoplay=「autoplay」這種寫法，也能夠直接寫autoplay）

controls 若是出現該屬性，則向用戶顯示控件，好比播放按鈕。（注：能夠controls=「controls」這種寫法，也能夠直接寫controls）

loop 若是出現該屬性，則當媒介文件完成播放後再次開始播放。（注：能夠loop=「loop」這種寫法，也能夠直接寫loop）

preload 若是出現該屬性，則視頻在頁面加載時進行加載，並預備播放。若是使用 "autoplay"，則忽略該屬性。（load、auto、meta、none）

src要播放的視頻的 URL。（能夠和列子同樣的寫法，引入source單標籤）

width和height 設置視頻播放器的寬度和高度。

3.下面是在Firefox瀏覽器的顯示風格，其餘瀏覽器顯示風格不同，能夠經過css統一格式

4.能夠在開始標籤和結束標籤之間放置文本內容，這樣老的瀏覽器就能夠顯示出不支持該標籤的信息。

<video controls autoplay loop>
            <source src="/i/movie.ogg">
            <source src="/i/movie.mp4">
            <source src="/i/movie.webm">
            您的瀏覽器不支持 video 標籤！
</video>