Video Autoplay

Video autoplay solution

The simplest way to automatically play media content is to add the autoplay attribute to your <audio> or <video> element.

Code snippet

<video class="video-js vjs-fluid" controls autoplay playsinline>

Unfortunately, due to the latest autoplay browser's policies, autoplay is only allowed after user interaction (touch or click) or in desktop browsers when the user has previously played video with sound on a certain domain. Also, most of browsers support autoplay if video or audio is muted. Additionally, iOS requires playsinline attribute.

Generally, we recommend avoiding autoplay. However, if you insist on autoplay functionality, thr Nuevo plugin features automatic detection of autoplay support in the browser.

If autoplay supported - the player will play
If autoplay allowed only when <video> or <audio> is muted - the player will play muted content, muted button will appear over player to easily unmute content.
If autoplay still not allowed, the player will be paused, a big play icon will appear over player window.

Muted autoplay on mobile devices (iOS, Android) usually requires "playsinline" (iOS) and "preload" (Android) attributes of the <video> or <audio> element.

For the live video it is suggested to set video attribute "preload="auto".