隐藏iPhone HTML5视频播放按钮

  • Z时代
  • 2024-01-10
  • 分类：问答

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

可能吗？

回答：

看来苹果再次改变了影子领域。

为了隐藏播放按钮控件，您必须使用以下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;
}

以上是 隐藏iPhone HTML5视频播放按钮 的全部内容， 来源链接： utcz.com/qa/412360.html

回到顶部