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