HTML5多媒體應用的技巧，希望對大家有所幫助！
1..加入音樂有兩種標識：
<video>可以顯示圖像
<audio>只有聲音
語法如下：
<audio src="music.mp3" type="audio/pemg" controls ></audio>
·src="music.mp3"：設置音樂文件名及路徑， <audio>標記支持MP3、WAV及OGG 3種音樂格式；
·autoplay:是否自動播放音樂。
語法為：<audio src="music.ogg" autoplay></audio>
·controls:是否顯示播放面板。
·loop:是否循環播放。
·preload:是否預先加載,減少用戶等待時間。屬性值有auto、metadata及none3種。當設置autoplay屬性
時，preload屬性就會被忽略。
* auto:網頁打開時就加載影音。
* metadata:只加載meta信息。
* none:網頁打開時不加載影音。
·width/height:設置播放面板的寬度和高度，單位為像素。
·type="audio/mpeg":指定播放類型，不需要讓瀏覽器去檢驗文件格式，type必須指定適當的MIME類型。
語法為：<audio controls="controls">
<source src="music.ogg" type="audio/ogg">
<source src="music.mp3" type="audio/mpeg">
</audio>
2.添加影音動畫
<video>其屬性大致與<audio>相同。支持MP4、WEBM(VP8編碼)、OGG（Theora編碼）語法如下：
<video src="multimedia/butterfly.mp4" controls="controls"></video>
3.Flash動畫是矢量格式，文件小並不失真。
在網頁中播放的格式是.swf文件，在網頁中加入Flash動畫可利用<embed>標記，語法如下：
<embed src="moive.swf" width="100" height="100">
4.使用iframe嵌入優酷視頻
<iframe>標記屬於框架語法，它能夠將要鏈接的網頁與組件直接內嵌在當前的網頁中，其語法如下：
<iframe name ="f1" src="new_page.htm" width="300" height="400">你的瀏覽器不支持iframe框架</iframe>
其中的設置屬性為：
·src="new_page.htm" ：顯示在窗格中的文件路徑及文件名；
·name ="f1"：框架窗格名稱；
·width="300"/height="400"
·seamless:隱藏邊框及滾動條，讓網頁看不出來嵌入了iframe框架；
如果想嵌入視頻，則src改成視頻網址即可。
<iframe width="300" height="400" src="http://www.優酷.com/embed/uq" frameborder="0" allowfullscreen></frame>
切圖 qietu(.com)