Video Player Thumbnail Fix for on IOS Safari using HTML

For those of you facing an issue with a Video Player showing as blank or black on iOS browsers, here’s a quick fix using custom HTML to show a thumbnail preview image.

HTML
// < video id=“video” src=“video-file-here**#t=0.001**” controls width=“320” height=“240” >
Your browser doesn’t support video formats. < /video >

The addition of #t=0.001 to the video file tells the browser to skip the first millisecond of the video. (source)

Using custom HTML for video is also a quick hack to save money on a custom video player if you’re looking for a simple, free solution.

2 Likes