首 页
关于方维
网站案例
网站建设
小程序开发
解决方案
建站资讯
联系方维
400-800-9385
前端开发之H5 video视频的使用
发表日期:2022-01-06 09:25:33 作者来源:严成 浏览:2843 标签:
前端开发
当前位置:
首页
-
建站资讯
-
网站建设
自从Flash因为许多漏洞被谷歌禁用,现在的网站需要播放视频时,一般都是使用
标签,
标签是 HTML 5 的新标签。而且现代浏览器基本上都支持,如:Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持
标签。
标签有许多属性可以使用,比如:autoplay(属性):autoplay(值),如果出现该属性,则视频在就绪后马上播放。controls(属性):controls(值),如果出现该属性,则向用户显示控件,比如播放按钮。height(属性):pixels(值),设置视频播放器的高度。loop(属性):loop(值),如果出现该属性,则当媒介文件完成播放后再次开始播放。muted(属性):muted(值),规定视频的音频输出应该被静音。poster(属性):URL(值),规定视频下载时显示的图像,或者在用户点击播放按钮前显示的图像。preload(属性):preload(值),如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。src(属性):url(值),要播放的视频的 URL。width(属性):pixels(值),设置视频播放器的宽度。H5
标签的出现和使用这些属性极大方便我们前端处理视频的工作。
H5
标签还有两个重要的对象方法播放和暂停,play()和pause()。html如下图:
js如图:
这样一个简单的用户自己控制的视频就出来了。
如没特殊注明,文章均为方维网络原创,转载请注明来自https://www.szfangwei.cn/news/6317.html
上一篇:
网站前端制作-不定高度的元素实现transition动画
下一篇:
如何更好的制作办公系统,整个流如下?
相关网站设计案例
长丰影像Saramonic
长丰影像BOYA
明鉴检测
相关资讯
机器人网站建设重在设计和前端展示效果
日期:2025-03-15 浏览:366
企业品牌网站为啥是设计前端后端...
日期:2025-02-15 浏览:572
网站前端动画特效为什么决定了网...
日期:2024-12-07 浏览:653
常见问题
企业网站建设常见问题整理合集【置顶】
在深圳建设一个公司网站多少钱
开发网站需要多久跟这九个因素有关
最新文章
商城建设会员功能清单
浏览量:2448
做一个网站你可能需要了解的一些知识
浏览量:2437
PHP网站开发中composer包管理器的安装与运...
浏览量:2285
中英文网站同一个后台的开发难点与思路
浏览量:2129
汽车租赁平台需要具备什么功能?
浏览量:2729
预测2022年会流行的一些网页设计...
浏览量:2461
400-800-9385
97798819
回到顶部
0
请您留言
非常抱歉,客服不在线,麻烦留下您的联系电话或者微信,我们看到后会马上联系您!
提交
感谢留言
我们会尽快与您联系
关闭