[nosamttamParticipant]

Using the Revolution Slider on the X theme.
with video layer, I can’t hide play/pause button on full screen. Very annoying to have this ugly black button appear in the middle of the screen.

I’ve tried adding these CSS statements but they dont seem to help:
.player.no-playbar.no-fullscreen-api-support .controls .play .tiny-bars {
display: none !important;
}
.player .controls .play.state-playing .play-icon, .player .controls .play:hover .tiny-bars {
display: none !important;
}

.tiny-bars {
display: none !important;
}
.play-icon {
display: none !important;
}
.pause-icon {
display: none !important;
}

Any ideas?

[Paul RModerator]

Hi,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL as stated on the forum entrance page. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[nosamttamParticipant]

This reply has been marked as private.

[Nabeel AModerator]

Hey Nosamttam,

Try this code instead via Appearance > Customize > Custom > CSS:

.player .controls {
bottom: 50px !important;
}

Let us know if this works!

[nosamttamParticipant]

Did not work. No changes.

[Kosher KMember]

Hello,

can you please provide login details so I can do some test directly on your site.

Thanks

[nosamttamParticipant]

This reply has been marked as private.

[ZeshanMember]

Hi there,

Thank you for writing in!

Upon checking, it seems that Vimeo doesn’t have option to hide the play/pause button for regular users (http://vimeo.com/forums/topic:43217). And we can’t remove/hide it using CSS as the video is embedded using HTML iframe tag.

However, you can also try using X theme’s background video. You can find more details about it in our video walkthrough on sliders here: http://theme.co/x/member/kb/sliders/

Hope this helps. 🙂

Thank you.

[nosamttamParticipant]

So I have upgraded to Vimeo Pro, and hidden all the controls on Vimeo and on the revolution slider, and still it shows the play/pause button.

[Nabeel AModerator]

Hi again,

Try to add this code via Appearance > Customize > Custom > Javascript

jQuery(document).ready(function($){
	$(".play-wrapper ").css({"display":"none","width":"0","height":"0"});
});

Can you please share the link of your video you’re using in revolution slider so we can check it? Also upload the video again in your upgraded account and try it once again.

[AlanParticipant]

i am having the same issue any fix yet?

[DarshanaModerator]

@alan

Could you please provide us with a URL to the page? So that we can assist you with a possible workaround.

Thanks!

[AlanParticipant]

This reply has been marked as private.

[ZeshanMember]

Hi Alan,

Kindly review our earlier response: https://community.theme.co//forums/topic/revolution-slider-with-video-layer-cant-hide-play-pause-button/#post-110916 it is not possible to hide the controls on an embedded video unless there’s an option provided by the Vimeo itself. While it is not possible to hide the controls, you could try using this CSS code under Custom > CSS in the Customizer:

.fullscreenvideo.tp-videolayer {
    position: relative;
}
.fullscreenvideo.tp-videolayer:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

This code will add a transparent wrapper over the video that will stop the user interaction to the video and because of it the controls won’t appear on hover.

As for the autoplay and loop, you can append these two arguments under Arguments field in your video layer settings (see: http://prntscr.com/85z44g):

&autoplay=1&loop=1

This solution is per the instruction given by Vimeo: https://vimeo.com/help/faq/sharing-videos/embedding-videos#how-do-i-set-videos-to-autoplay-or-loop-when-i-embed-them

Thanks!

[AlanParticipant]

i am a bit confused here should this code work on videos that are embedded and have a class id that is called .fullscreenvideo or is it for videos i put into revolution slider via the add video tab?

because your code made the video in the slider disappear and the loop function doesnt work there as well.

or are we talking about the function to a .mp4 video in the above or below the masthead section?

thanks

[Author]

Posts