本文摘自PHP中文网,作者不言,侵删。
这篇文章主要介绍了关于HTML5使用DOM进行自定义控制,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下HTML5的video虽然可用controls来展示控件,并进行控制播放暂停等,但是不同的浏览器显示的效果可能不一样,下面与大家分享下使用Dom来进行自定义的一些操作和控制
HTML5的video虽然可用controls来展示控件,并进行控制播放暂停等,但是不同的浏览器显示的效果可能不一样,所以很多时候我们需要使用Dom来进行自定义的一些操作和控制。下面是一个小例子。
当然效果不是很美观,若想好看的可以自己设置css样式等。
1 2 3 4 5 6 7 8 9 10 11 |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
|
需要注意的是在所有属性中,只有 videoWidth 和 videoHeight 属性是立即可用的。
在视频的元数据已加载后,其他属性才可用。
以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!
相关推荐:
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
以上就是HTML5使用DOM进行自定义控制的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
HTML5新特性之mutation observer代码详解
详细介绍如何全面掌控session?且看websocket跨站劫持的图文代码详解
HTML5新增标签有哪些?HTML5中新增的13种标签的简单介绍
更多相关阅读请进入《HTML5》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者