Video Lightbox auto play not working

I have used the following code to create a video light box.

[image class=“video-lightbox” src=“http://businesscoachcompany.com/wp-content/uploads/2017/12/Business-card-3-BCCo-Dan-Zaleski.jpg” link=“true” href=“http://businesscoachcompany.com/wp-content/uploads/2017/12/Dan-BCCO-promo.mp4?rel=0&autoplay=1” lightbox_video=“true”][lightbox selector=".video-lightbox"]

The video will autoplay on Firefox, but I cannot get it to autoplay in safari. Not sure if there is something wrong with the code.

Hello There,

Thanks for writing in! Are you loading the video from the site or from another site? Safari will check any CORS issue. It does not allow playing video file from another sources except if the video has the same domain of the site.

If you are using the shortcode in businesscoachcompany, then it will work. If not, then you will have to upload the video in the same site domain that you are working on.

Hope this make sense.

The file is being loaded directly from the site. I just uploaded the video through the Wordpress media section and then added the link into the shortcode for the Lightbox.

Hi there,

After a little bit of research, I have found out that the Safari browser uses the new webkit standard which will block the autoplay of the videos with sound. For more information:

If you want to have the video played automatically on Safari you will need to render your video without the sound.

Users of the Safari browser can control if they want to have the auto play or not:

But as I said the default behavior is to prevent the autoplay of videos which has the sound.

Thank you.

That was indeed the problem. Thanks for the help.

Glad that we could be of a help :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.