iOS Video Playback

[SpiderSkippy]

I've searched high and low and seem to be bashing my head against a wall here.

What we are trying to do is to playback some small .mp4 videos that we have stored in the documents folder, less then 10 second clips. I'm able to grab the files a couple of different ways but no matter what I do the

What we do to get the Uri of the video is as follows:

const videoName = "sessions/test.mp4";
const uriResults = await Plugins.Filesystem.getUri({ path: videoName, directory: FilesystemDirectory.Documents });
const fileUri = Capacitor.convertFileSrc(uriResults.uri);

<video src={fileUri} />

We don't get any errors in the console or while debugging through Safari, the network tab just shows 3 entries for that video element with 2 of them red and no status.

We've also tried fetching the video and playing the blob file with no succuess.

const videoName = "sessions/test.mp4";
const uriResults = await Plugins.Filesystem.getUri({ path: videoName, directory: FilesystemDirectory.Documents });
const fileUri = Capacitor.convertFileSrc(uriResults.uri);
const video = await videoResponse.blob();
const currentSource = window.URL.createObjectURL(blob);

<video src={currentSource} />

This also gives us similar network errors, but nothing else.

Does anyone have any examples of successfully playing video elements in a

[SpiderSkippy]

Found a way to get this to work. If you don't set the <video> to play(); when you set the source in code within React, it doesn't download the video.

Thanks for your time.