隐藏 iPhone HTML5 视频播放按钮

Question

我想隐藏默认出现在 <video> 元素上的大播放按钮

可能吗？

原文由 ilyo 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

看来 Apple 又改变了 shadow-dom。

为了隐藏播放按钮控件，您必须使用以下 CSS：

 /* This used to work for the parent element of button divs */
/* But it does not work with newer browsers, the below doesn't hide the play button parent div */

*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

/* Old shadow dom for play button */

*::-webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works! */

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}

原文由 Daemeron 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

我手边没有任何 iOS 设备可以测试，但也许可以试试这个：

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

原文由 Ian Devlin 发布，翻译遵循 CC BY-SA 3.0 许可协议