Mex
Mex

Reputation: 91

Revolution slider video autoplay not working

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. 

Upvotes: 3

Views: 22797

Answers (2)

Ashar Zafar
Ashar Zafar

Reputation: 402

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(); 
 });

Upvotes: 3

big_water
big_water

Reputation: 3204

Updating to the latest version (5.4.8.2 at time of post), along with following all guidelines highlighted here fixed this issue for me. I tried other solutions with modifying the plugin, or adding javascript as a patch but nothing is as reliable as just taking the update from the plugin creator :)

Upvotes: 1

Related Questions