如何把h5中的video的播放控制条在h5 video移动端插件也不显示

来源：蜘蛛抓取(WebSpider) 时间：2017-07-09 07:32 标签： h5 video 去掉控制条
如何把h5中的video的播放控制条在移动端也不显示？
h5中的video的控制条，去掉了controls 了后在移动端还是会出现，所以有没有什么办法可以把控制条隐藏或去掉，再或者是怎么改变它的样式？？？
&style type="text/css"&
video::-webkit-media-controls-enclosure {
display: none !
你还没有登录，请先登录或注册慕课网帐号
这个用css能控制。
你还没有登录，请先登录或注册慕课网帐号
24275人关注
Copyright (C)
All Rights Reserved | 京ICP备 号-214:29 提问
移动端 h5的video的控制条怎么隐藏或消除？
求大神指点，h5中使用video插入一个视频，如何让它在移动端也不显示控制条？
或是怎么改变它自带的控制条的样式？
按赞数排序
var video=document.getElementById("video");
video.controls=
不写controls=controls就OK
你隐藏controls,在手机上怎么点击播放呢
如果隐藏掉，视频没有地方点击播放呀
自己画个按钮调用$('video').play()就好了啊
欢迎关注我的个人微信公众号：业余草（yyucao）！2015年7月 Web 开发大版内专家分月排行榜第三
2015年7月 Web 开发大版内专家分月排行榜第三
2017年7月 Web 开发大版内专家分月排行榜第二2017年5月 Web 开发大版内专家分月排行榜第二2017年4月 Web 开发大版内专家分月排行榜第二2017年3月 Web 开发大版内专家分月排行榜第二2017年1月 Web 开发大版内专家分月排行榜第二2016年11月 Web 开发大版内专家分月排行榜第二2016年9月 Web 开发大版内专家分月排行榜第二2016年8月 Web 开发大版内专家分月排行榜第二2016年7月 Web 开发大版内专家分月排行榜第二2016年6月 Web 开发大版内专家分月排行榜第二2016年5月 Web 开发大版内专家分月排行榜第二2016年4月 Web 开发大版内专家分月排行榜第二2016年2月 Web 开发大版内专家分月排行榜第二2015年9月 Web 开发大版内专家分月排行榜第二2015年7月 Web 开发大版内专家分月排行榜第二2015年6月 Web 开发大版内专家分月排行榜第二2015年4月 Web 开发大版内专家分月排行榜第二2015年3月 Web 开发大版内专家分月排行榜第二2015年2月 Web 开发大版内专家分月排行榜第二
2016年12月 Web 开发大版内专家分月排行榜第三2016年10月 Web 开发大版内专家分月排行榜第三2016年1月 Web 开发大版内专家分月排行榜第三2015年12月 Web 开发大版内专家分月排行榜第三2015年11月 Web 开发大版内专家分月排行榜第三2015年10月 Web 开发大版内专家分月排行榜第三2015年5月 Web 开发大版内专家分月排行榜第三2015年1月 Web 开发大版内专家分月排行榜第三2014年12月 Web 开发大版内专家分月排行榜第三
2015年7月 Web 开发大版内专家分月排行榜第三
2015年7月 Web 开发大版内专家分月排行榜第三
匿名用户不能发表回复！|
每天回帖即可获得10分可用分！小技巧：
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN，不得违反国家法律法规。
转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。用户名：jason_teach
文章数：128
访问量：11056
注册日期：
阅读量：1297
阅读量：3317
阅读量：446034
阅读量：1131398
51CTO推荐博文
一、在 HTML5 中播放视频在 HTML5 中播放视频&&&&-&HTML5 中提到最多的是视频处理，视频也是互联网中的重要应用。在HTML5中，增加了一个元素，以便在HTML文档中插入和播放视频，这个元素就是video元素& & - video元素提供了播放、暂停和音量控件来控制视频，也提供了width和height属性控制视频的尺寸。如设置的高度和宽度等。& & - 使用video元素至少要提供两种视频格式的文件: OGG和MP4& & &&&&- OGG: 包含Theora 视频和 Vorbis 音频解码器& &&&&&&- MP4: 采用 H.264 视频 和 ACC 音频解码器& &&&&&&- WebM:采用VP8视频 和 Ogg Vorbis 音频解码器video元素&&&&- video元素可以实现在HTML页面中嵌入视频内容，该元素的属性可以设置是否自动播放、预加载及视频高和宽等& & - video元素中可以使用source元素来向浏览器提供备选视频格式& & &&&&- source元素中的src属性与video元素的src属性作用相同，都是用于读取媒体文件video属性&&&&- video元素具备以下属性& &&&&&&- controls: 该属性是video元素特有属性，用于显示浏览器所提供的视频控件按钮 & & & &- autoplay: 设置这个属性时，加载视频后自动播放& & - video元素除了controls属性外还具备以下几个属性:& &&&&&&- poster:该属性指定一个URL，在视频等待播放时显示一幅图像& & & & - preload:该属性可以设置三个值& & & & & &&&&none:不缓存视频，为了减少不必要的流量& & & & &&&&& metadata:播放前只加载视频的高度、宽度& & & & & &&&&auto:默认值，要求浏览器尽可能快地下载视频& & & & - loop:设置这个属性时，浏览器会反复播放该视频二、编程实现视频播放器事件& & - 在不同的浏览器实现video代码，播放器控件的图形设计会有一些差别。每一种浏览器都有其特殊的按钮和进度条，甚至还有一些特殊的特性。为了让各浏览器显示效果保持一致，需要使用HTML5支持的新视频事件、属性和方法，来保持一致& & - HTML5 加入了新的事件API。在视频和音频处理中，HTML5包含一些通知媒体状态的事件，如下载进度、视频是否结束等& & - 下面是一些常用的事件& & &&&&-&progress:用于更新媒体的下载进度，会周期性的触发& &&&&&&- canplaythrough:当整个媒体可以顺利播放时，就会触发整个事件& & & & - canplay:不考虑整体状态，只要下载了一定的可放帧会触发整个事件& & & & - ended: 媒体到达末尾时触发& & & & - pause:媒体暂停时触发& & & & - play:媒体开始播放时触发& & & & - error:媒体播放出现错误时触发方法& & - 下面是HTML5新增加的媒体处理方法& & &&&&- play(): 播放媒体文件& &&&&&&- pause(): 暂停播放& & & & - load(): 加载媒体文件，动态应用程序可使用该方法提前加载& & & & - canPlayType(type): 查看浏览器是否支持这种文件格式的媒体文件属性& & - html5 新增的针对视频元素处理属性如下:& & & & - paused: 媒体处于暂停或未播放状态，这个值为true& & & & - ended: 如果媒体已经结束播放，这个值为true& & & & - duration:返回媒体时长，以秒为单位& & & & - currentTime: 获取或设置媒体播放位置总结：本章内容主要介绍了下HTML5视频处理(H5中播放视频、编程实现视频播放器)本文出自 “” 博客，谢绝转载！
了这篇文章
类别：┆阅读(0)┆评论(0)

我要回帖

更多关于 h5 video 去掉控制条 的文章

 

随机推荐