[Oct. 2019] Chrome Video Autoplay Not Working Policy Update: What are the alternatives and options?

​Video autoplay is no longer working (​​since Chrome 66 was released in 2018)​.  Safari and Firefox fololwed along.  A new policy regarding auto-playing means that ​videos can be autoplayed on desktop, but without the sound. ​On Phone and Tablet, is not longer plays at all in most cases.  As of ​September 2019, Chrome has roughly 67% of the desktop browser market share, so alternatives are needed and presented in this post.

For funnel builders, autoplay ​was great on sales pages and thank you pages.  ​Here's what can be done.

Here are some options, scroll down​ see the examples:


Option 1: ​No Autoplay, ​Better thumbnail with Call to action and arrows.

a) Example with ​Youtube

a) Example with Vimeo


​​b) Use white space and Hide everything on the page until they click Play.

It will open a new page/tab with the Auto-Play Video




Option 2: Animated Video Thumbnail

a)​ Example with Wistia


​b) For Vimeo and Youtube, ​have a look if your web development tool supports animated gifs as thumbnails

​Please note that the website visitor will need to click play on the popup, chrome has disabled auto-play on the pop-up (lightbox) as well.


​c) Alternatively, you can possibly create a background section that streams a video with no sound (built with Thrive Architect).

​Please note that the examples below are accessible by clicking the orange buttons.  The sound won't auto-play ​on chrome anymore, but the sound will be on on Firefox and Edge (and other browsers)​​​.  You can test it with different browsers.




Option 3: Keep on using Auto Play with sound muted

​a) By default

​Watch the same video as seen at the top of post with Autoplay and sound muted.  No Arrows, no closed captioning.

Please note that at the time of writing, the vimeo player doesn't have a sound icon on mobile phone.


​b) Add Closed Captioning and Arrows to point to the sound

Note : This article has reference to websites built with WordPress and Thrive Architect.  But most of those features are available in other page builders or direct embeds.

​When using Thrive Architect with AutoPlay set to On and Hide Control set to o​n, You will see that it ​​autoplays but with the sound ​muted.  Use of ​Closed Captions is probably the best way to go about that, indicating your users to unmute the sound with an arrow might help as well.  Location of the closed captions should be above the control bar from your player.

It will open a new page/tab with the Auto-Play Video


c) ​If you want to hide the controls and autoplay, you might have issues.

Youtube embedded with Thrive Architect with AutoPlay and Hide Control ​checked.  You will see that it will ​autoplay with the sound muted, and there is no way to enable the sound.

The only way I see of not having the control is to have closed captioning.

It will open a new page/tab with the Auto-Play Video

​Inspirations


​Have a look at this blog post to see examples of using videos for conversions.

Other Consideration


​Closed Captions

Closed captions is probably a very good element for conversion. Companies like rev.com allows for videos to be transcribed for you with the timing in place.

Denis Ethier

Thrive Themes Designer, Integrator and Consultant.

  • Musa Ahmed says:

    how was the option 2 done

  • >