如何防止 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

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

How to prevent html5 video player play icon from disappearing in iPhone Safari

html

javascript

jquery

html5-video

ios