How to hide YouTube controls and play/pause button in revslider?

Question

I currently have a YouTube video embedded in the rev slider, but all YT controls and the play/pause button are visible along with the two black bars on the both sides of the screen. I set ratio to 16:9, all settings are correct, unchecked controls and autoplay is on, but it does not make any difference. I was told to use arguments section while configuring the slider, but I just can't seem to find the right code to hide YT controls. It looks awful on the website. Please help! What code should I use in arguments to get rid of YT controls and make the video to autopay? Thank you!

score 1 · Answer 1 · answered Feb 04 '16 at 12:36

1

You can easily do this by css :

Add the following CSS to the slider’s Custom CSS section.

.tp-video-play-button {display: none !important}
.rev_slider video {pointer-events: none;}

answered Feb 04 '16 at 12:36

PHPExpert

887
5
9

It didn't work unfortunately :-( Fusion slider works well with YT videos, but it loads longer and just before it loads you can see YT background :-( – Feb 04 '16 at 12:46

score 0 · Answer 2 · answered May 23 '17 at 07:36

0

Revolution slider has inbuilt setting where you can hide the controls of youtube videos you can refer the documentation here

answered May 23 '17 at 07:36

Manoj Kadolkar

681
9
21

Marcin Lentner · Answer 3 · 2018-06-02T21:59:20.003

0

In Slider Revolution above the slide youtube layer click pen icon. Go to Settings. Turn on Hide Controls.

edited Jun 02 '18 at 21:59

answered Jun 02 '18 at 21:33

Marcin Lentner

83
6

score 0 · Answer 4 · answered Apr 03 '19 at 14:28

Add new css rule to youtube page:

Can you add new CSS properties in Chrome Inspector?

.ytp-chrome-bottom {
    visibility: hidden;
}

Someone should create an extension to toggle this. Is superuseful when you want to see something behind the controls in pause.

How to hide YouTube controls and play/pause button in revslider?

4 Answers4