Hi,
I have a couples of AV1 videos that I would like to display on a html page.
I've tried
<video controls preload="none">
<source src="FooBar.mp4">
</video>
but it trow back
I've tried first with MKV container as it's listed on the wikipedia page.
but this is not listed on the mozilla page https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Video_codecs 🤔
Confusing.. as I found also this in the firefox release note:
Firefox 97 and later versions support AV1 video in the MKV container.
So WTF !?
I've tried also
<video controls preload="none">
<source src="FooBar.mp4" type="video/webm; codecs='av01.0.08M.08'">
</video>
but that change nothing...
Any ideas ?
Thanks.
MP4box has a great local web tool to test the mime type including the codecs parameter:
https://gpac.github.io/mp4box.js/test/filereader.html
Jake Archibald wrote a good article about this topic: https://jakearchibald.com/2022/html-codecs-parameter-for-av1/