Html5 Video Player Docs Add video player from Html5 Video Player > Add New Player. You will see the player in the Gutenberg editor.
First, select a video type: Video, Youtube, or Vimeo. For Video upload Video or insert Video URL, for Youtube insert Youtube video URL, for Vimeo insert Vimeo video URL.
Sidebar settings
Select the block, you will see the settings option in the right sidebar. There are three options, Settings, Controls, and Style.
Settings
Sources: You can set video and poster, and also can set the download URL by enabling the Custom Download URL option.
Options: Enable or disable Repeat, Autoplay, Muted, Sticky On Scroll, Pause, Reset On End, Auto Hide Control, Show or hide thumbnail on pause. And set Seek Time, Start Time, Preload, Password Protected, and Google VAST Tag URL.
Chapters
Set different chapters for the video from here.
Overlay
Add branding logo or text on video overlay. Also, set the position of overlay content.
End Screen
By enabling this show text or anchor text after the video ends.
Popup, Watermark & Additional
Popup: Enable to play video in a popup by clicking a poster or button.
Watermark: Show a watermark when playing like user email, name, or custom text, and color it.
Additional: Add Player ID, and add additional CSS.
Controls
Go to the Controls tab beside the Settings tab. From here you can show/hide the video player controls like Play Large, Restart, Rewind, Play, Fast Forward, Progress, Current Time, Duration, Mute, Volume, PIP, Airplay, Settings, Download, and Fullscreen.
Style
Go to the Style tab beside the Controls tab to set the width and rounded corner value of the video player.
