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.
seems like the codecs='something' is REALLY nitpicky. managed to get a test video to play with:
I made the video by encoding some random clip with
ffmpeg -i random_video.mp4 -c:v libaom-av1 -crf 30 test.mp4
(seems to work just as well withlibsvtav1
)As for how are you supposed to know the "4d401f"? beats me, found it here: https://caraya.github.io/av1-video-demo/
edit: https://developer.mozilla.org/en-US/docs/Web/Media/Formats/codecs_parameter#av1 does say that the codec string should look a bit different, but... I dunno, not a video-understanding-webmonke.
edit2: and now I realize that since it works with the codecs=avc1 - it's the older av1 variant? Not really what you were asking. Whoopsiedaisy.
Thanks @Malix@sopuli.xyz ,
by any change I've tried
codecs="avc1.4d401f"
with my videos but of course it's not working.Whats drive me crazy, is when open trough
file:///
Firefox can play it, but once inside an html page, you have to specify the right codec !? WTFand you're absolutely sure the files are av1? if you try to open the video files with ffmpeg, eg:
ffmpeg -i videofile.mkv
, what does it say the codec is?at least my av1 videos say:
Stream #0:0[0x1](und): Video: av1 (libdav1d) (Main) (av01 / 0x31307661), yuv420p(tv, progressive), 854x854, 464 kb/s, SAR 1:1 DAR 1:1, 30 fps, 30 tbr, 16k tbn (default)
ffmpeg -i FooBar.mkv