07 September 2015

Stop Autoplaying HTML5 Videos

HTML5 introduced an element for the playback of videos. One of the features is the ability to make the video autoplay when the webpage is loaded.

Here is an example of the code:
<video controls autoplay>
  <source src="kacnje.mp4" type="video/mp4">
  <source src="kacnje.ogg" type="video/ogg">
  Sorry - your browser does not support the video tag.
</video>

But autoplay is a bad idea in my opinion. The sound from the video can conflict with other sounds that user is listening, or if someone browsing in a quiet room and his speakers are set to high volume, or ... there are many disadvantages of using video autoplay.

How can user fights against website with video autoplay?

1. Mozilla Firefox
In the address field (where you normally type URL), enter about:config and press Enter. A warning appears and you have to press the scary button with "I'll be careful, I promise" label.
You will get a list of settings with a search field. In that search field, type autoplay and press Enter. This will find only one entry - media.autoplay.enabled. It will probably be set to True. As you expect, use double click to change the value to False.

Disable HTML autoplay in Firefox

The next time you visit a webpage with HTML5 autoplay video, the video box will appear, but the video won't start without your intervention.

2. Google Chrome
Chrome doesn't have this feature built-in. It is possible to prevent HTML5 videos to autoplay by installing the browser extension from Chrome Web Store. I can recommend Stop YouTube HTML5 AutoPlay (it should works with all websites, not just with YouTube).

1 comment:

jessica said...

This content creates a new hope and inspiration with in me. Thanks for sharing article like this. The way you have stated everything above is quite awesome. Keep blogging like this.consultant school branding uk