Created attachment 329243 [details] Screencast of safari playing back the test video (I don't know which version of Safari I have on my phone. It's whatever comes by default with iOS 11.2) I have a 1.6mb mp4 set to play on a loop. In Safari on iOS 11.2 (on my iPhone) the first frame isn't shown before playback starts. The video just displays as a white box with the play button in the middle. Jer Noble reported that the video displays the first frame just fine on his phone. Test page: https://1976design.com/temp/videotest3.html Code: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title></title> <style> div { width: 50%; } video { width: 100%; } </style> </head> <body> <div> <video controls src="hand.mp4" loop muted playsinline preload="auto"></video> </div> </body> </html>
<rdar://problem/36092924>
Joining in on the discussion, because I've encountered a similar issue when working on iOS Safari. I've written to Jer Noble and the conclusion is that the first frame of the video is never accessible on iOS Safari because it requires support for preload="auto", which is currently missing. iOS Safari only supports preload="metadata", which does not provide sufficient information to render the first frame of the video.