HTML 5 Video学习,通过DOM来控制,改变视频大小,播放暂停等,调用属性。
工具/原料
1
HTML5
2
JAVASCRIPT
3
DOM
方法/步骤
1
已经学习了视频的基本调用。现在编写代码是通过添加属性,然后对这个属性设置相应的方法。
2
html5的video相关的方法,属性,事件。方法:play() pause() load() canPlayType属性:currentSrc currentTime videoWidth videoHeight duration ended error paused muted seeking volume height width 事件:play pause progress timeupdate ended abort empty emptiedwaiting loadedmetadata 这些属性,事件都是结合dom和javascript来配合操作的。
3
下面编写实例.并通过浏览器浏览。
4
添加html触发事件。点击事情。
5
添加事件的方法,使用javascript代码实现。注意相对的事件和方法名称不要写错,不然,点击不会执行。
6
通过浏览器打开,进行测试。有兴趣的朋友,可以将代码下载了,进行测试一下,注意一定要支持html5的浏览器。