Revolution slider video autoplay not working

Mex picture Mex · Aug 12, 2018 · Viewed 15.5k times · Source

I have a problem with autoplay in chrome.

http://grouptelcom.com/

    <!-- BACKGROUND VIDEO LAYER-->
    <div class="rs-background-video-layer" 
        data-forcerewind="on" 
        data-volume="mute" 
        data-videowidth="100%" 
        data-videoheight="100%" 
        data-videomp4="http://grouptelcom.com/assets/videos/video.mp4" 
        data-videopreload="auto" 
        data-forceCover="1" 
        data-aspectratio="16:9" 
        data-autoplay="true" 
        data-videoloop="loopandnoslidestop"
        data-autoplayonlyfirsttime="false" 
        ></div>

I wrote all parameters on option what need to autoplay, but if i go to site first time autoplay didnt work.

Chrome console had error>

revolution.extension.video.js:1320 Unmuting failed and the element was paused instead because the user didn't interact with the document before. 

Answer

Ashar Zafar picture Ashar Zafar · Feb 11, 2019

SOLVED Revolution slider not autoplay youtube chrome 2019

Step = 1 copy below css

   .rs-background-video-layer iframe {
    visibility:inherit !important;
    opacity: 1 !important;
    }

Step 2

enter image description here

Step 3

enter image description here

OTHER WISE PASTE BELOW JAVASCRIPT Add this in Slider Settings > Custom JavaScript (Slider Revolution Video Autoplay)

revapi1.bind("revolution.slide.onvideostop",function (e,data) { 
     var player = data.video; 
     player.play(); 
 });