隱藏原生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也不會再出現了.