多语言展示
当前在线:1489今日阅读:27今日分享:41

HTML5学习笔记-HTML 5 Video

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的浏览器。

推荐信息