·您当前的位置:主页 > 技术教程 > Html5技术 >

[html5]h5播放器安卓浏览器微信浏览器,隐藏视频播放器控制条

时间:2017-09-25 18:27酷播
最近要做一个H5的视频项目,在微信浏览器中展示,使用H5的video标签,在安卓系统下,如何才能不显示video的控制条,在video标签中已经去掉了controls属性,但是还是会显示控制条

最近要做一个H5的视频项目,在微信浏览器中展示,使用H5的video标签,

在安卓系统下,如何才能不显示video的控制条,在video标签中已经去掉了controls属性,但是还是会显示控制条,

在ios下就不会显示。谁知道怎么去掉呢??急求答案!如果有知道的,就谢谢啦!!

方式1:

我用了canvas,把视频写在canvas里播放,然后把video大小写成1px*1px大小,canvas覆盖在其上。就可以自定义控制条了~

方式2:

  1. <style type="text/css"> 
  2.     video::-webkit-media-controls-enclosure { 
  3.         display: none !important; 
  4.     } 
  5. </style> 

 

热门文章

请稍候...
  • 锁定云视频大聚惠
  • 相约直播超值狂欢
保利威视云直播
保利威视云视频
微信付费直播
酷播云免费在线视频整体解决方案
酷播v4.0网页播放器