mobile html5播放器測(cè)試時(shí)bug,由于沒有用原生的controls而是自己寫的custom controls,雖然設(shè)置了controls的值為false,但實(shí)際情況是比如暫停還是存在,導(dǎo)致與custom的重疊. 協(xié)助同事解決這個(gè)bug時(shí)還好找到了這篇文章(有空完整翻譯下.=.=)

Hiding Native HTML5 Video Controls in Full-Screen Mode

------------------------------

吶,解決辦法就是

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

沒錯(cuò)css,知道真相后淚流不止啊.這么設(shè)置后即使沒有設(shè)置controls為false，native controls也不會(huì)再出現(xiàn)了.