Videos fail to play on Firefox

Alexandros Papadopoulos

August 27, 2021 06:18 Edited

I am using the Video player to load a bunch of videos on a page. On Firefox, when I click play the player is showing the loading spinner, and after some time an 'this.isVideoReady is not a function' is shown on the console. Sometimes when I reload the page, and before any interaction, I get a "VIDEOJS: ERROR: (CODE:1 MEDIA_ERR_ABORTED) You aborted the media playback" error. The duration time is also not filled.

The code I am using to load the videos:

<video data-cld-public-id="<video id>" id="player" class="cld-video-player"></video>

const cld = cloudinary.Cloudinary.new({ cloud_name: "<my account>", secure: true});

 

const players = cld.videoPlayers('.cld-video-player', {

 fluid: true,

 aspectRatio: '12:4',

 controls: true,

 hideContextMenu: true,

 showLogo: false,

 colors: { accent: '#0095d2' },

 sourceTypes: ['webm/vp9','mp4/h265','mp4'],

 transformation: { quality: '50' }

});

 You can see the page here if it helps https://cosmolights.gr/en

* Curiously, the videos play when I view the page on localhost.

0

• 

  Stephen Doyle

  November 29, 2021 16:17

  Hi Alexandros,

  
  I know I replied to your support ticket about this already, but I wanted to leave a comment here for the benefit of anyone else finding this thread later; the issue above should be resolved, and fix for it was added to our video player codebase.

  If you encounter a similar issue in the future please create a request for our support team with the details and we'll check it for you

  Thanks,
  Stephen

  0

Post is closed for comments.