媒體標籤，畫布

video語法：<video src="movie.ogg" controls="controls"></video>
audio語法：<audio src="song.ogg" controls="controls"></audio>

1. 標籤屬性：
   autoplay：音頻在就緒後馬上播放。
   controls：向用戶顯示控件，比如播放按鈕。
   loop：每當視頻/音頻結束時重新開始播放。
   preload：音頻在頁面加載時進行加載，並預備播放。如果使用 “autoplay”，則忽略該屬性。
   src：要播放的音頻的 URL。

2. controls 屬性供添加播放、暫停和音量控件。

3. <video>與</video>之間插入的內容是供不支持 video 元素的瀏覽器顯示的.

4. 方法，事件，屬性。
   http://www.w3school.com.cn/html5/html5_ref_audio_video_dom.asp
   注：在所有屬性中，只有 videoWidth 和 videoHeight 屬性是立即可用的。在視頻的元數據已加載後，其他屬性纔可用。

canvas語法：<canvas id="myCanvas" width="200" height="100"></canvas>

1. 創建 Canvas 元素
2. 尋找 canvas 元素var c=document.getElementById("myCanvas");
3. 創建 context 對象var cxt=c.getContext("2d");
4. 繪製一個紅色的矩形：cxt.fillStyle="#FF0000";cxt.fillRect(0,0,150,75);
   fillStyle 方法將其染成紅色，fillRect 方法規定了形狀、位置和尺寸。在畫布上繪製 150x75 的矩形，從左上角開始 (0,0)。
5. canvas屬性參考手冊
   http://www.w3school.com.cn/html5/html5_ref_canvas.asp