ios - 用于 html 视频标签的手机上出现大播放按钮

Question

在我的站点中添加了 html 视频标签，并根据我处理播放暂停的需要在外部放置了播放按钮。在所有设备上都能正常工作，但除了 iphone，当我们用 iphone safari 打开时，视频中央会出现一个大播放按钮 http://www.snoozeal.com/

尝试了 stack 和其他人的许多解决方案，但没有奏效

这是我试过的一些CSS

video::-webkit-media-controls-fullscreen-button {
display: none;
}
video::-webkit-media-controls-play-button {
   background: red; 
}
video::-webkit-media-controls-play-button {}
video::-webkit-media-controls-timeline {}
video::-webkit-media-controls-current-time-display{}
video::-webkit-media-controls-time-remaining-display {}
video::-webkit-media-controls-time-remaining-display {}
video::-webkit-media-controls-mute-button {}








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

.overlay-video video {pointer-events: none}
.overlay-video video::-webkit-media-controls {display: none !important}


*::-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;
}

Answer 1

试试这个在 iOS 上隐藏播放按钮

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