Slider Revolution WP
06.06.2017
Hide HTML5 Video Button / Prevent HTML5 Video from Being Clicked
03.19.2015Jason
When using HTML5 Video, you may want to prevent the user from being able to play/pause the video.This can be accomplished by explicitly hiding the play/pause button, and also preventing click actions on the video itself.
1. Hide play/pause button on desktop.
Add the following CSS to the slider’s Custom CSS section.
|
1 2 3 |
.tp-video-play-button {display: none !important} |
2. Prevent Video from being clicked.
Add the following CSS to the slider’s Custom CSS section. This also prevents the user from right-clicking the video where additional video controls are normally available.
|
1 2 3 |
.rev_slider video {pointer-events: none} |
3. Disable native play button on iPhone/iPad.
Add the following CSS to the slider’s Custom CSS section.
|
1 2 3 4 5 6 |
.rev_slider video::-webkit-media-controls-start-playback-button { display: none!important; -webkit-appearance: none; } |