mp4 videos fail to load using <video> tag
I am trying to add an mp4 video to my website using the following code:
<video width="320" height="240" controls> <source src="images/###.mp4" type="video/mp4"> </video>
where ### is the name of the video file. I get the following error message:
"No video with supported format or MIME type found."
In the console the following is displayed:
"Media resource http://127.0.0.1:5502/images/###.mp4 could not be decoded. video.html All candidate resources failed to load. Media load paused. video.html Media resource http://127.0.0.1:5502/images/###.mp4 could not be decoded, error: Error Code: NS_ERROR_DOM_MEDIA_METADATA_ERR (0x806e0006)"
Runs just fine in Chrome and I have no pop-up blockers installed. Autoplay is set to be allowed for all websites.
Windows 11 version 23H2. Firefox version: 126.0 (64-bit)
An gyara
All Replies (4)
Does Firefox play the video if you paste its URL in the location bar ?
No, it only shows "No video with supported format or MIME type found." Upon further investigation I see that the video used Codec: MPEG-H Part2/HEVC (H.265) (hvc1). Could this be the issue?
crb001 said
No, it only shows "No video with supported format or MIME type found." Upon further investigation I see that the video used Codec: MPEG-H Part2/HEVC (H.265) (hvc1). Could this be the issue?
Yes. You can check your supported codecs in about:support in the Media section.
You can also go to about:config and set media.wmf.hevc.enabled = 1.