隐藏原生html5 video controls

隐藏原生html5 video controls

凤凰视频焦点项目mobile html5播放器测试时bug,由于没有用原生的controls而是自己写的custom controls,虽然设置了controls的值为false,但实际情况是比如暂停还是存在,导致与custom的重叠. 协助同事解决这个bug时还好找到了这篇文章(有空完整翻译下.=.=)
Hiding Native HTML5 Video Controls in Full-Screen Mode

呐,解决办法就是

video::-webkit-media-controls {
  display:none !important;
}

没错css,知道真相后泪流不止啊.这么设置后即使没有设置controls为false,native controls也不会再出现了.

参考
html5 video api
video属性及方法列表

posted @ 2015-01-27 23:56  NancyChan  阅读(19280)  评论(1编辑  收藏  举报