·您当前的位置:首页 > 技术教程 > 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> 

 

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器