卑微研究生的部落格

現在HTML5愈來愈火紅了，雖然最終的規格還未確定，但各家瀏覽器都已經搶先支援。HTML5最大的變化，個人認為是對影音的支援，Video Tag就是其中一個。

需注意的是，各瀏覽器雖然都有支援Video Tag，但對於影片的編碼規格，卻是不統一的，目前來說選擇H.264可能會比較方便些，不過Chrome在之後的版本確定不會再支援H.264，這部份要稍微注意一下。

而Video Tag的使用非常簡單，只有下列短短的幾行字。

其中poster屬性，是影片尚未播放時，要顯示的圖片。

執行結果。

當然，也可以在網頁載入後就開始播放影片，只要加入autoplay屬性就可以了。

網頁載入後就會自動播放。

除了用屬性宣告的方式，也可以用JavaScript來做自動播放的效果。

另外，影片的播放控制列，瀏覽器都有內建，只要宣告controls屬性就可以了。

執行結果。

但內建的控制列是比較陽春的，如果想要客製化，只要在JavaScript呼叫play及pause就可以做到影片的播放及暫停，下列是範例程式碼。

播放及暫停按鈕。

JavaScript程式碼。