The autoplay policy changed in April 2018 for Chrome.
Autoplay is currently restricted in the following environments:
- Chrome version 66+ (Desktop/Android)
Documentation: https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
Policy: Autoplaying videos must be muted. Videos that are frequently visited by the viewer are permitted to autoplay with sound (based on Google’s scoring system) - Safari version 11+
Documentation: https://webkit.org/blog/7734/auto-play-policy-changes-for-macos/
Policy: Autoplaying videos must be muted - iOS (mobile browsers, apps)
Documentation: https://webkit.org/blog/6784/new-video-policies-for-ios/
Policy: Autoplaying videos must be muted. - Firefox (Desktop)
Firefox does not enforce any autoplay limitations; however, viewers can manually disable autoplay by disabling the preference media.autoplay.true. On setups where this setting is disabled, the viewer will be required to select play to start playback.
How to mute a HTML5 video?
<video controls muted> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> Your browser does not support the video tag. </video>
Source Vimeo and w3schools.