We are currently creating new headers on a customer's website. These consist of cinemagraphs and text blocks. The cinemagraph should be inserted as endless video and play automatically. This works so far, unless you refresh the page or you click on the sitelink externally and use Chrome. We're aware of the problem with Chrome and auto-play videos, but the videos we use have no sound. So they should work in relation to Chrome's autoplay policy. If you open the page via menu, the videos also play without problems. But after refreshing the page not anymore. The following error appears in Chrome: "VM1455: 1 Uncaught (in promise) DOMException"
How can we fix this problem?
Hello Ines de las Heras,
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
Could you please show us your site or a test page with the slider, so we can check on this problem ? Thank you!
Best Regards,Attila | Kreatura Support Team
Thank you. My colleagues and I will look into this to see if we can find anything, and get back to you shortly.
Thank you for your patience. We've checked on this autoplay behavior on your site, and it is also related to the Chrome autoplay restrictions. Autoplay is only allowed if the user has already interacted with the domain (click, tap, etc.). In your case, you've already "used the site" by clicking the menu, so the video is allowed to start. While, if you open up the site from an URL, the autoplay is disabled as you haven't interacted with it before.
we were able to fix the problem with a html-tag to mute the video. However, the videos are not displayed mobile. There is only a white box with font and button. Why is that and how can we fix it?
Unfortunately the video displays are quite limited on mobile browsers. Due to certain mobile browser restrictions, the autoplay will not work so your videos won't start automatically. Even if you start the video manually by clicking it, it will be opened in a popup iframe window so it will not provide the same effect as it does on desktop.