iOS Safari doesn't generate a thumbnail for video tags

I noticed that the video elements in my recent post were not showing a thumbnail by default on iOS Safari.

iOS screenshot of my blog article where video elements appear with a blank background and a play button in the middle
:'(

Upon googling, found that this is a known issue. Luckily, there is a simple but kinda ugly fix for this by appending #t=0.001 to the src tag of source elements which forces the initial frame(s) to load:

<video>
    <source src="videos/rickroll.mp4#t=0.001" type="video/mp4">
</video>

And that did the trick.