I embedded a youtube video in a html page. I use the youtube iframe API with Flash (in my case, I cannot use an HTML5 video). Since the last Google Chrome update, Chrome block the autoplay and avoid to play/pause programmatically a video ( element.playVideo() not respond). (Everything is ok on others browsers)
The only way I found is to:
This solution is TO COMPLICATED for users, does someone have a solution without any user interactions?
On AndroidLaunch the “Chrome” app and go to “Settings”. Under settings, go to “Site settings”. Click sound and toggle “Allow sites to play sound” to off.
Some web browsers, including Chrome, restrict the autoplay of videos to improve the user experience. In some cases, this may result in the video features of Wonder not functioning. To prevent this, make sure the 'autoplay block' is disabled in your browser.
For Google Chrome, one option is to go to the online Chrome Web Store and search for the free Disable HTML5 Autoplay extension. Once you install the extension, it should prevent audio and video clips on web pages from playing automatically. You can turn the extension off or on from its icon in the Chrome toolbar.
Select Menu > Settings. Activate Site Settings (under Privacy and Security) and select Media on the page that opens. Tap on Auto-play.
Two possible Solutions to avoid autoplay blocking in Chrome:
Load flash swf file from same domain name. You could consider proxying if it's your own infrastructure, but I think it's not possible for Youtube api.
Load the player with a bigger size (Try different resolutions). This might sound naive, but Chrome considers bigger video players as content and doesn't block auto playback.
As far as I know and think, this issue is related with embedded Flash Content from other domains
What I think
I think that the only solution for this will be HTML5 Video, until then maybe someone will come with an "workaround"
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With