javascript - 如何防止 html5 视频播放器播放图标在 iPhone Safari 中消失

Question

我在 Safari 中有一个基本的视频播放器，滚动几次后，视频屏幕上的播放按钮就消失了，如图所示。

<video controls poster="/images/w3html5.gif">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

如有任何帮助，我们将不胜感激。提前致谢。

Answer 1

这是一个 webkit bug并已在 iOS 10 中修复。有一个简单的解决方法:

video::-webkit-media-controls-start-playback-glyph {
    will-change: opacity;
}

引用:https://www.mail-archive.com/webkit-changes@lists.webkit.org/msg101173.html#trunkSourceWebCoreModulesmediacontrolsmediaControlsiOScss