Video recorded in macOS Chrome does not display in Firefox

[debiig92]

Description

When recording a video from Chrome and try to display it in firefox it shows the following message:
Firefox Message
No video with supported format and MIME type found

Firefox Warning:

Error Code: NS_ERROR_DOM_MEDIA_METADATA_ERR (0x806e0006)

But when recording a video from firefox it displays well in chrome and firefox.
My player init config is the following:

I have no idea why this happens. Your answers would be very helpful. Thank you!

Additional Information

versions

videojs

VIDEOJS: Using video.js 7.6.0 with videojs-record 3.8.0 and recordrtc 5.5.8

browsers

Firefox, Chrome

OSes

Ubuntu 18.04 (Production), Windows 10 (Development)

[gitsaket]

Hi @debiig92. I have the same issue but for mine, the videos recorded from the mac os was not playable over the FF. However, the windows and Linux machine recorded video over chrome was rendering with the FF. So, I have changed the videoMIMEType to 'video/webm;codecs=vp9'.

[debiig92]

I will try with video/webm;codecs=vp9 Thanks. Do you think It is a Firefox bug? @gitsaket

[ignl]

There is Firefox bug regarding h264 incompatibility: https://bugzilla.mozilla.org/show_bug.cgi?id=1422891
vp8 should work though.

[thijstriemstra]

I will try with video/webm;codecs=vp9 Thanks.

did this work @debiig92?

[thijstriemstra]

vp8 should work though.

I recorded a video+audio clip in Ubuntu 20.04 using Chrome 89.0.4389 and was able to playback the clip using video.js in Firefox 85.0. Used videojs-record 4.2.0 and video.js 7.11.4.

I have the same issue but for mine, the videos recorded from the mac os was not playable over the FF. However, the windows and Linux machine recorded video over chrome was rendering with the FF.

I'll have to test macOS as well. Renaming the ticket.

[thijstriemstra]

The same issue applied to Safari as well and since Safari Technology Preview 121 that should be fixed:

• Fixed playback of WebM/Opus generated from Chrome MediaRecorder (r272822)

[thijstriemstra]

I'll have to test macOS as well.

Tested with:

Google Chrome 89.0.4389.72 (Official Build) (x86_64)
macOS Version 11.2.2 (Build 20D80)

And saved the recorded webm file using player.record().saveAs. It saved the file as foo12.webm;codecs=vp8,opus which is a new issue, before it didn't append the ;codecs=vp8,opus part. I opened a new ticket for this: #553

After renaming the file manually to foo12.webm I opened it in Firefox 86 and both audio and video properly displayed.

So considering this bug fixed.