this post was submitted on 18 Nov 2024
16 points (94.4% liked)

Firefox

18040 readers
365 users here now

A place to discuss the news and latest developments on the open-source browser Firefox

founded 5 years ago
MODERATORS
 

cross-posted from: https://lemmy.ml/post/22627659

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.

you are viewing a single comment's thread
view the rest of the comments
[โ€“] [email protected] 4 points 1 month ago* (last edited 1 month ago) (4 children)

seems like the codecs='something' is REALLY nitpicky. managed to get a test video to play with:

<video> 
    <source src="test.mp4" type='video/mp4; codecs="avc1.4d401f"'>
</video>

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 with libsvtav1)

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.

[โ€“] [email protected] 1 points 1 week ago

avc1 is the name for H.264 (also called AVC) which is admittedly pretty confusing

load more comments (3 replies)