Self-hosted video does not play properly in Chrome

Greetings!

We have an issue with self-hosted video not playing properly within Chrome (and apparently Firefox as well). The video plays all the way through – and loops as requested – in Safari, IE, and Edge, but in Chrome/Firefox, it plays about seven seconds of the video and then stops. I reached out to our web host after reading another support post on…Stack Overflow, I believe…and seeing that sometimes the web server configuration can cause that issue.

However, the host has pointed out that the video stops at around the same time as a different video – an autoplaying video in the header of the page – loops, and said that there may be a trigger of some sort that is forcing the second video to stop playing.

The header video is set as a background video in a section, while the second video is in a Classic Video Player element.

Hi there.

Please make sure that you have everything updated to the latest version especially for X and Cornerstone. You can find more info about the support versions of X and its bundled plugins here.

In case the issue persists, please provide the URL of the site in question because you have several licenses in your account.

Thank you.

Everything appears to be updated to their latest versions. I’ll add the site info in a secure note.

Hello There,

Thanks for providing the information. I can confirmed that the issue in your site. It plays the video at least 7 seconds then stop. This could be a conflict between the background video and the classic video player. Could you please make use of the v2 video element instead?

By the way, I have added this issue in our bug tracker lists so that our developers will be made aware of this issue. They should be investigate this further and find any resolution to this issue.

Thank you for your understanding.

What should I put into the embed code on the v2 video element if the video itself is in the media library?

Hi There,

Copy the video URL from your media library



And then on the V2 Video element, choose Player as a video type, and paste your video URL on the sources field.



Hope it helps,
Cheers!

When I place (what I can only assume is the v2 version of) a video element, I only see the following:

Am I using the wrong element?

Hi @launchcatapult,

While you’re editing your page in cornerstone builder, please click the cog (gear) icon then go to preference section. Then turn on the Advanced mode and save it.

Then you should see the same options for that video element.

Thanks!

Okay, so I changed it to a v2 Video element, but we’re still seeing the same behavior – the video plays until the header video loops, at which point the second video stops again. Any thoughts?

Hi @launchcatapult,

You’re right, it is still the same, it automatically pauses after 10 seconds playing it. You could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Then please allow me to disable the plugins too, I’ll not do it without your permission since it’s a live site as it could cause issues.

Thanks!

I just deactivated all plugins except for Cornerstone (did so on a staging server), and the video still pauses after 10 seconds or so.

Hi There,

We’ve added this to our issue tracker so it can be considered for future development.

For now please use the HTML <video> tag in the V2 video embed area.

One issue with this though is Chrome does not allow autoplay if your video is not muted.

So if you need to autoplay the video on Chrome, you need to apply the muted attribute.

Hope it helps,
Cheers!

Only the header video is autoplaying – the second video has to be manually started, and it’s only the second video that is having the issue.

Either way, putting the video in using the

You’re welcome.

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