Please note, this is a STATIC archive of website www.themepunch.com from 28 Sep 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Hide HTML5 Video Button / Prevent HTML5 Video from Being Clicked

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.

hide-html5-video-btn

2. Prevent Video from being clicked.

prevent-video-click

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.

3. Disable native play button on iPhone/iPad.

ios-video-play-btn