我在Mac OS X 10.9.x上遇到了与Safari 7.x相同的问题“小牛队 – 一个黑盒子会出现在Safari中代替HTML5视频.
之前添加视频控件的评论似乎确实解决了这个问题,但是却无法隐藏其他浏览器中的控件.
我们可以使用Shadow DOM来隐藏browsers that support the property(Chrome 25,Opera 15)中的控件,但在不支持它的浏览器中没有选择(Safari 3-7,IE 6-11).
video::-webkit-media-controls-panel {
display: none !important;
}
您可以使用浏览器供应商特定的伪元素选择器通过寻址Shadow DOM来在一定程度上设置本机视频控件的样式,但这些控件在浏览器之间有所不同.
关于在全屏模式下隐藏原生HTML5视频控件的CSS-Tricks有一些有趣的讨论,并以OzPlayer为例.
如果全屏视频不是您所追求的,或者如果控件可见是一个交易破坏者,那么似乎没有解决方案(除非您进行一些浏览器检测 – 尽管浏览器嗅探很糟糕!).
唉,似乎这种行为可能是小牛队(10.9)的Safari(7.0)中的一个错误,因为它不存在于Mountain Lion(10.8)上.