Video not playing in Safari

Follow

Sat Purusha

• July 29, 2021 17:18

I have the video player setup on my mac using the self-hosted method but link to the js and css files. My video plays well on Chrome and Firefox but does nothing on safari, it just cycles getting nowhere.

I have the scripts setup as set out in the documentation.

My code on the page is:

<video

id="sp-player"

controls

class="cld-video-player cld-fluid"

data-cld-public-id="HTLW-Session-10.mp4"

>

</video>

0

• 

  Sat Purusha

  • July 29, 2021 22:08

  It seems I have solved it. I'm not sure how, buy all is OK now. Thank you.

  0

  Comment actions Permalink
• 

  Sat Purusha

  • July 29, 2021 22:11

  My code is now:

  <video

  id="sp-player"

  class="cld-video-player cld-fluid cld-video-player-skin-dark cloudVideo"

  controls

  muted

  poster="https://res.cloudinary.com/sp-site/image/upload/w_auto,f_auto,q_auto/htlw10.jpg" >

  <source src="https://res.cloudinary.com/sp-site/video/upload/htlwSession10.mp4"

  type="video/mp4"/>

  </video>

  0

  Comment actions Permalink
• 

  Loic Verger Del Bove

  • July 30, 2021 09:18

  Hi Sat,

  When clicking on https://res.cloudinary.com/sp-site/video/upload/htlwSession10.mp4, there is a 404 error. I have also looked at your account and I don't see any videos uploaded and I see you recently deleted it. 

  If that helps, you can find an implementation of the Video player here: https://codepen.io/VdeubCloudinary/pen/qBRwZRd where I use a similar code as you. Your first error was the public-id set was wrong e.g for this URL: https://res.cloudinary.com/sp-site/video/upload/htlwSession10.mp4, the public-id is htlwSession10, while you set HTLW-Session-10.mp4.

  Best,

  Loic

  0

  Comment actions Permalink

Please sign in to leave a comment.