HTML5使用DOM進行自訂控制範例程式碼_html5教學技巧

HTML5的video雖然可用controls來展示控件，並進行控製播放暫停等，但是不同的瀏覽器顯示的效果可能不一樣，所以很多時候我們需要使用Dom來進行自定義的一些操作和控制。下面是一個小例子。
當然效果不太美觀，若想好看的可以自己設定css樣式等。

複製程式碼

程式碼如下:

播放/暫停
大
中
小

複製程式碼

複製程式碼

複製程式碼



如下:

{
myVideo.width=420;
} function toSmall() { 30.idth } 需要注意的是在所有屬性中，只有videoWidth 和videoHeight 屬性是立即可用的。 在影片的元資料已載入後，其他屬性才可用。