Muted Autoplay video shows error: play() failed because the user didn't interact with the document first.

1
votes

I am trying to make an HTML5 video autoplay (in muted condition) in the popup in the page. The popup is hidden when page is loaded. When user tries to go out of page (from top), it shows video popup with AutoPlay & muted ON. Then I tried to play video with JavaScript but it gives this error: play() failed because the user didn't interact with the document first.

It works fine if I click somewhere on page or if developer panel is open before the video popup is displayed. I am using Flow Player, and issue only in Google Chrome (works fine on FF).

Can you please give any ideas on how to overcome this?

Thanks, J

1
javascriptgoogle-chromevideoflowplayerautoplay

1 Answers

3
votes

Google Chrome has updated the autoplay policies. URL for reference

According to new behaviours:

  1. Muted autoplay is always allowed.
  2. 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 his or her home screen.
  3. Top frames can delegate autoplay permission to their iframes to allow autoplay with sound.