To me, I want to display a video (no autoplay, display controls). The code below works fine on laptop and Android mobile devices but not with IOS devices:
<video controls>
<source :src="videoUrl" type="video/mp4" />
</video>
By simply adding #t=0.001 at the end of the video file URL, we signal the browser to skip the first millisecond of video, force the browser to preload and display the specified frame.
<video controls>
<source :src="`${videoUrl}#t=0.001`" type="video/mp4" />
</video>