Slider revolution no sound for youtube video

[Kelvin Yap]

Slider revolution no sound for youtube video. Can i know how to enable it? Please help me asap.

---

[Support]

Hello,

Please note that videos with autoplay enabled are muted by default. The reasons is that almost all browsers don’t allow autoplay videos with sound. The alternative is remove the autoplay of the background video. We noticed that even removing the autoplay the video still do not play with sound. Maybe this is a Revolution Slider plugin issue. We are investigating that and will reply for you as soon possible.

But keep in mind that if you wants to maintain the autoplay of videos, the videos will need play without sound.

Kind Regards,

Rodrigo.

---

[Support]

Hello,

First of all keep in mind that if you wants to maintain the autoplay of videos, the videos will need play without sound. This is because almost all browsers don’t allow autoplay videos with sound.

The only way to play background videos with sound is creating custom “Play” and “Toggle Mute/Unmute” buttons. So the user will need click to play/unmute the video.

Said that, we did a lot of tests here and seems that Revolution Slider has a bug related “unmute” Google Chrome youtube/vimeo videos. We will report that issue for ThemePunch team (the Slider Revolution creators) to provide a fix as soon possible.

Unfortunately for now the only way to have your video playing with sound is use HTML5 video instead of YoutTube. For it please follow the steps below:

1) First you need host the video in a online web server (maybe your own server/hosting).

2) Change the video layer to:

<div id="video_layer_1" class="rs-background-video-layer"
 data-videomp4="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4"
 data-videopreload="auto"
 data-volume="100" 
 data-forcerewind="on"
 data-nextslideatend="true" 
 data-videoloop="loopandnoslidestop"></div>

3) Create a button layer to be the button that will play the video:

<div class="tp-caption font-weight-extra-bold text-color-light negative-ls-2"
    data-frames='[{"delay":1000,"speed":2000,"frame":"0","from":"sX:1.5;opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
    data-x="center"
    data-y="center" data-voffset="['-60','-60','-60','-85']"
    data-actions='[{
        "event": "click",
        "action": "playvideo",
        "layer": "video_layer_1",
        "delay": "0"
     
    }]'
    data-fontsize="['50','50','50','70']"
    data-lineheight="['55','55','55','95']"><div class="bg-light d-flex align-items-center justify-content-center" style="width: 60px; height: 60px; border-radius: 100%; cursor: pointer;"><i class="fas fa-play text-color-dark"></i></div>
</div>

We hope this helps!

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

---

If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[Author]

Posts