First, install the Elementor plugin to use elementor widgets of HTML5 Video Player. On elementor editing page you will see the HTML5 Video Player. Insert the Player.
Select a Video Source. There are 3 types of Video Sources(Library, Youtube, and Vimeo). Add a Video File or insert a Video URL. Also, can add a Poster for the video.
Below the sources, you will see the options for the Player.
- Set Width, Seek Time, Start Time, and Preload Type.
- Enable/disable Repeat, Muted, Autoplay, Sticky On Scroll, Popup, Pause, Reset On End, Auto Hide Control, and Password Protected.
- Enter Google VAST TagURL.
For the Password Protected, enter Password and Password Protected Text.
In controls show/hide the video player controls like Play Large, Restart, Rewind, Play, Fast Forward, Progress, Current Time, Duration, Mute, Volume, Settings, PIP, Airplay, Full Screen, Download, and Controls Shadow.
Add Branding Logo or Text, and set the Distance from the top and left. For the text set Color, Hover Color, and Font Size.
To display text at the end of the video, enable End Screen, and set Text, URL, and Text Color.
Add and set different captions for the video.
Caption enabled by default. This is an experimental option.
Add different video quality. Add a different video for different quality.
Add different Chapters for the video.