一早接到一個緊急的指示，希望在兩天後可以在公司櫃檯擺放一台螢幕，同時撥放歡迎影片與公司產片介紹影片，一開始還想要利用支援雙訊號源的液晶顯示器，也想到利用市面上常見的廣告撥放程式，後來突然想起，以前在台北捷運公司時，車站的到站資訊系統，就是利用瀏覽器的方式來處理，經過電話與同事詢問後，聯想到HTML5不就有支援影片播放功能嗎？所以立刻動手蒐集相關資訊。
利用HTML5來撥放影片還真的沒有想像中的複雜，利用Notepad++就搞定了，只要先將要撥放的投影片或影片檔案，先轉換成.mp4檔案，接下來只要編輯一下html檔案就搞定了，完成作品如下：
要注意的是，IE9(含)以前的版本可是不支援的喔，利用Chrome，全螢幕撥放，效果就跟廣告撥放類似了。
至於Video所支援的屬性有：
| 屬性 | 說明 |
| autoplay | 自動撥放 |
| controls | 顯示播放控制列 |
| height | 撥放器高度 |
| loop | 重複播放 |
| muted | 靜音 |
| poster | Specifies an image to be shown while the video is downloading, or until the user hits the play button |
| preload | Specifies if and how the author thinks the video should be loaded when the page loads |
| src | 影片位置 |
| width | 撥放器寬度 |
大功告成，剩下的就是找螢幕了。
參考資料：
全站熱搜
留言列表
