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