We have mp4 videos, some are on YouTube, some are on Vimeo and some are self-hosted. We can self-host all of them if needed.
What we want to achieve is similar to Netflix player:
1. Hide the control
2. Autoplay muted
3. When the video starts playing, we want to show the controls so that the user can unmute, play, pause, and jump to different sections of the video
The player included in Elementor allows you to hide the controls but you can’t show them again once the video starts playing.
Alternatively, you can hide the controls by using a poster instead, but then you can’t enable autoplay.
[ad_2]
Don’t self-host video – use a proper video hosting platform like Vimeo.
I don’t believe any html5 video player supports the functionality you want. The controls are either on or off. You would need to custom code it using JS – it’s relatively simple.
For somewhat similar needs I hosted videos on Cloudflare R2 and trial/error coded with ChatGPT since I barely know JS. Still used the HTML5 video player in elementor, and just added code on that page to modify it a bit.
You need Presto Player. Probably the paid version but honestly the best investment I have ever made.
Not only that but any sort of video player will slow down your website by several seconds.
Presto Player, is the fastest video player of all of them.
It took me weeks of testing and investigation to pick it for our solution.
I cannot recommend this plugin enough.