网站建设资讯

NEWS

网站建设资讯

html5中video标签的用法

这篇文章主要介绍html5中video标签的用法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

创新互联专注于运河网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供运河营销型网站建设,运河网站制作、运河网页设计、运河网站官网定制、成都小程序开发服务,打造运河网络公司原创品牌,更为您提供运河网站排名全网营销落地服务。

1、video标签的使用

属性:src(要播放的音频文件路径)、autoplay(是否自动播放)、control(进度条)、loop(循环播放)、onended(是否播放完毕的是一个事件)

2、实现了一个简单的播放器

界面如下:

html5中video标签的用法

3、功能

主要通过onclick和onended事件来完成的,具体上面有的都实现了,不过音频文件的取名是有要求的,具体看代码

4、代码:




播放视频



播放视频

关闭视频

您的浏览器暂不支持播放该视频,请升级至最新版浏览器。 快进 暂停 播放 静音 取消静音

以上是“html5中video标签的用法”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


文章名称:html5中video标签的用法
URL链接:http://cdweb.net/article/jcgpho.html