Media resource data:video/mp4;base64,AAAA... could not be decoded

[Rillke]

Describe the bug

Firefox can't decode the mp4 embedded in Paella Player. See https://jsfiddle.net/hexLpjzw/ for instance.

To Reproduce

Steps to reproduce the behavior:

1. Go to https://paellaplayer.upv.es/demos/
2. Open your browser's JS console
3. See warning

Workaround (if any)

Environment Information

• OS: MacOS 10.15.7 (19H1519)
• Browser Firefox
• Browser Version 94.0.2 (64-Bit)
• Paella version any, at least since Opencast 9, including current develop.

Additional context

I'm investigating a problem where Paella won't load when embedded in an iFrame.

In paella.Html5Video.IsAutoplaySupported()

video.play().then((status) => {
	resolve(true);
})
.catch((err) => {
	resolve(false)
})

does not resolve or throw an error in this case. The promise will never be resolved or rejected and Peaella won't load. I'll file this as a separate bug.

Here is what ffplay sais about the video:

% ffplay video.mp4 
ffplay version 4.4.1 Copyright (c) 2003-2021 the FFmpeg developers
  built with Apple clang version 12.0.0 (clang-1200.0.32.29)
  configuration: --prefix=/usr/local/Cellar/ffmpeg/4.4.1_3 --enable-shared --enable-pthreads --enable-version3 --cc=clang --host-cflags= --host-ldflags= --enable-ffplay --enable-gnutls --enable-gpl --enable-libaom --enable-libbluray --enable-libdav1d --enable-libmp3lame --enable-libopus --enable-librav1e --enable-librist --enable-librubberband --enable-libsnappy --enable-libsrt --enable-libtesseract --enable-libtheora --enable-libvidstab --enable-libvmaf --enable-libvorbis --enable-libvpx --enable-libwebp --enable-libx264 --enable-libx265 --enable-libxml2 --enable-libxvid --enable-lzma --enable-libfontconfig --enable-libfreetype --enable-frei0r --enable-libass --enable-libopencore-amrnb --enable-libopencore-amrwb --enable-libopenjpeg --enable-libspeex --enable-libsoxr --enable-libzmq --enable-libzimg --disable-libjack --disable-indev=jack --enable-avresample --enable-videotoolbox
  libavutil      56. 70.100 / 56. 70.100
  libavcodec     58.134.100 / 58.134.100
  libavformat    58. 76.100 / 58. 76.100
  libavdevice    58. 13.100 / 58. 13.100
  libavfilter     7.110.100 /  7.110.100
  libavresample   4.  0.  0 /  4.  0.  0
  libswscale      5.  9.100 /  5.  9.100
  libswresample   3.  9.100 /  3.  9.100
  libpostproc    55.  9.100 / 55.  9.100
Input #0, mov,mp4,m4a,3gp,3g2,mj2, from 'video.mp4':
  Metadata:
    major_brand     : mp42
    minor_version   : 512
    compatible_brands: isomiso2avc1mp41
    creation_time   : 2018-09-20T07:56:37.000000Z
    encoder         : HandBrake 1.1.2 2018090500
  Duration: 00:00:00.16, start: 0.000000, bitrate: 225 kb/s
  Stream #0:0(und): Video: h264 (Main) (avc1 / 0x31637661), yuv420p(tv, smpte170m/smpte170m/bt709), 56x32 [SAR 1:1 DAR 7:4], 44 kb/s, 31.58 fps, 31.58 tbr, 90k tbn, 63.16 tbc (default)
    Metadata:
      creation_time   : 2018-09-20T07:56:37.000000Z
      handler_name    : VideoHandler
      vendor_id       : [0][0][0][0]
  Stream #0:1(und): Audio: aac (LC) (mp4a / 0x6134706D), 44100 Hz, mono, fltp, 106 kb/s (default)
    Metadata:
      creation_time   : 2018-09-20T07:56:37.000000Z
      handler_name    : Mono
      vendor_id       : [0][0][0][0]
  40.39 A-V:  3.688 fd=   2 aq=    0KB vq=    0KB sq=    0B f=0/0 

And here is the video itself so you can quick-check with a Firefox browser:

video.mp4

[Rillke]

It said

Medien-Ressource https://user-images.githubusercontent.com/2311611/144827343-cd9b5aad-5719-47dd-abed-cc92a16e9e7c.mp4 konnte nicht dekodiert werden, Fehler: Error Code: NS_ERROR_DOM_MEDIA_DECODE_ERR (0x806e0004)
Details: void mozilla::AppleVTDecoder::OnDecodeError(OSStatus): OnDecodeError:ffffcd9a

Maybe something wrong with my Macbook.