Video not autoplaying on certain browsers or mobile

Support
#1

Hello,

I have a video in a video element on the home page. It is set to Autoplay, Loop, Muted, No Controls. I have notice that the video does not autoplay in browsers Safari or Firefox, but works in Chrome. It also does not autoplay on any mobile browser. Please advise.

#2

Hello @goods1904,

I checked your site on my end on Google Chrome version 121.0.6167.85, Mozilla version 122.0 (64-bit), and Safari Version 17.2.1 (19617.1.17.11.12), and it is working fine on my end. I have also tested on the Android phone Google Chrome browser version 121.0.6167.143 and it works fine on the mobile as well. It might be the issue of the browser cache I would suggest you please purge all the cache and recheck it.

Thanks

#3

I’ve tried on other peoples devices with various browsers who have never visited the website before, and the video will only play if you click on the still photo that appears in the video’s place. When you click, it then opens the video in a media player with a black background which you have to X out of to return to the homepage.

I’ve only had success of it autoplaying while I’m inside Cornerstone, or accessing it via Chrome browser on a desktop.

#4

Hey @goods1904,

Your video is NobeEdit1.mov. This *.mov format is not cross-browser compatible. It is best that you convert it to *.mp4 format because this format is widely used for most modern browsers. You can use conversion software like the HandBrake (handbrake.fr).

Hope this helps.

#5

Hello,

I have converted the video to .mp4 and updated cornerstone to the new file. I then flushed the cache for the website, as well as cleared the cache and history of my browsers. I’m still seeing the same behaviors as before, with the autoplay only working correctly with Chrome browser on desktop. Other browsers and other devices are

Please advise.

#6

Hey @goods1904,

I have double-checked your site on my android phone. Made sure that the newly converted video is loaded. It is now playing automatically.

420586895_1749118158908680_3239671422924062177_n
420586895_1749118158908680_3239671422924062177_n921×2048 88.1 KB

I have checked this on my Brave and MS Edge mobile browsers.

Thanks.

#7

@goods1904 - I recently had this issue and upon checking the console in developer tools it pointed me here https://developer.chrome.com/blog/autoplay - apparently Google is putting the kibosh on autoplay unless you’ve already been on the site and the action is intentional. No way around a browser-specific issue.

Edit: to expand a bit further on this… here’s a test you can try. Visit the URL of the page with the video directly, in Chrome. Chances are it won’t autoplay, as you’ve been experiencing. But now, try to visit that page via a link from another page in your website. The video should autoplay at that point, since there’s intent in the user’s actions.

Just thought I’d provide that as an example to hopefully help further :slight_smile:

#8

Hey @sfreeman,

Thanks for chiming in, we really appreciate your time and effort. @goods1904, let us know if this works for you.

Cheers!

#9

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