HTML Video Issues

Hello,

i’m facing a problem with and HTML Video in chrome & safari (mobile). I set up a video with the following code :

<video width=”600″ align=”left” autoplay loop >
<source src=”https://shop.cleverpoint.gr/wp-content/uploads/2018/11/Clever_Point_video_3.mp4&#8243; type=”video/mp4″>
</video>

The video plays when i preview the changes i made on the page but when i update the page and check the page the video doesn’t play. Tried to empty cache minified css etc… but still nothing. https://screencast-o-matic.com/watch/cFX1oIY8iW

The video doesn’t play only on Chrome and Safari Mobile.
It works on firefox and edge.

Thanks you in advance

Hello,

Could you please check how it works with some default WordPress theme like twentysixteen to understand is it our theme issue or not?

Regards

Tries with twentysixteen but doesn’t play on chrome again.

Note that in preview mode the video plays fine. When i update and load the original page doesn’t play.

*Update

As i can see, when i load the page from the url bar, the video doesn’t play. If navigate inside the website and click the logo and go back to the homepage the video plays.

You can check this video : https://screencast-o-matic.com/watch/cFXiVaY8RJ

So if it doesn’t work with any theme you use then it is not our theme problem. Most likely there is a problem with your video code or video file.

Hello again,

i managed to solve the problem. Posting solution just in case anyone faces the same problem again. After Googling a lot…found out that Chrome’s autoplay policies changed on April 2018.

Chrome’s autoplay policies are :

Muted autoplay is always allowed.
Autoplay with sound is allowed if:
User has interacted with the domain (click, tap, etc.).
On desktop, the user’s Media Engagement Index threshold has been crossed, meaning the user has previously play video with sound.
On mobile, the user has [added the site to their home screen].
Top frames can delegate autoplay permission to their iframes to allow autoplay with sound.

So in order the video to autoplay when loading the page initially, the video needs to be muted.

Thank you, you can close the topic.

Great, you are welcome.

[Author]

Posts