Skip to content
English
  • There are no suggestions because the search field is empty.

How to use the Video Player widget?

Upload and play self-hosted videos on your site

1. The Video Player widget allows you to add mp4 videos on the website. Drag and drop the Video Player widget onto the page

2. Select the Video Player widget to edit the settings described further

3. Click "+" icon to add a video

4. Select the required video

5. Click "Apply" to confirm the selected video

6. Add the same video in .webm format to ensure better compatibility and performance across different web browsers and devices

7. Enable mute with the "Mute" checkbox. The video will be muted

8. Enable play inline with "Play Inline" checkbox. It forces playing of the video directly on your page on all devices by default. Without it, some devices will open it in the fullscreen mode by default.

9. Enable autoplay with the "Autoplay" checkbox

Many modern browsers preclude an automatic playback of video that does not have Mute and Inline properties enabeled. For automatic playback, turn on the Mute and Inline property.

10. Enable forced start with the "Forced Start" checkbox. A forced start stops another previously launched widget playback

11. Enable only when visible with the "Only When Visible" checkbox. If enabled, autoplay will run only when the widget is in the visible area of the screen

12. Enable the download button with the "Show Download Button" checkbox

13. This is how it will look on the preview. The visitors will be able to download the video

14. Enable the picture in picture button with the "Show Picture in Picture Button" checkbox

15. This is how it will look on the preview. It lets the user watch a video in a small window pinned to a corner of the screen while navigating between apps or browsing content on the main screen.

16. Preview Image is a thumbnail that will appear before the video is played. Click "+" to add an image

17. Select the required image

18. Click "Apply" to confirm the changes

19. This is how it will look on the preview. The video now has a thumbnail

20. If needed, change the video thumbnail or delete it with pencil and bin icons, respectively

21. Click "Save" for the changes to reflect on the page. A video player has been successfully added to the page

The remaining feature here - Spacing is a common feature in most widgets in the website builder. Please refer to this guide for more information on it and other common features.