How to play a .mov file in Ionic 4 Capacitor?

Ionic Framework Ionic React
#1

Super simple question, I spun up a brand new Ionic 4 Capacitor/React app. I want to play a .mov file that’s located in my /src/assets/splash_screen.mov location.

This doesn’t seem to work:

<video fullscreen="fullscreen" autoPlay={true}>
    <source src="../../assets/splash_screen.mov" type="video/mp4" />
</video>

I see this in my network tab:

image
image1250×476 56.9 KB

Also tried it without the leading ../../assets and it still doesn’t play. Appreciate the help!

#2

In your source tag type your specifying video/mp4, and your assets the file is mov. mov files are not supported with html5 video playback. You have to convert the video to a different format.

#3

I converted to mp4 h264 codec and I get the exact same result.