隐藏原生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也不会再出现了.