Question

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

尝试了堆栈和其他的许多解决方案，但没有工作

这里有一些我试过的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;}

电子游戏按钮出现在html视频标签上

1 个答案: