Configuring the Video Block

HOW TO USE THE BLOCK?

Step 1: Go to Block Editor screen

Step 2: Enter /goDAM in the block editor

Step 3: Select the video to embed in the editor screen

Step 4: In the right, you can see all the configurations and settings explained below.

Autoplay: Automatically starts playing the video when the page loads.
Loop: Repeats the video continuously after it finishes.
Muted: Mutes the video by default.
Playback Controls: Enables or disables the default video controls (play, pause, volume, etc.).
Play Inline: Allows videos to play within the webpage instead of opening in fullscreen (on mobile devices).

Preload: Determines how the browser loads video data before playback.
- None: No preloading.
- Metadata: Preloads only video metadata.
- Auto: Preloads the entire video.

Poster Image: Allows setting a preview image before the video plays that appears as the thumbnail image.
Enable Preview: Shows a 10-second video preview when the user hovers over the video.

Customize Video: Opens the Customize page for the video, allowing you to modify additional settings such as appearance, interactions, or metadata. For more information, visit: [Insert Link Here]

STEPS:

Step 1: Go to the block editor screen

Step 2: Select the video where you want to add the captions

Step 3: Click the “Text tracks” from the toolbar group.

Step 4: Click on “Upload” or “Open Media library” and upload the captions file

Step 5: Add the respective LABEL and SOURCE LANGUAGE, the label is what will appear as a language option in the control bar for the end user.

Step 6: Save changes.

Step 7: On the frontend, the caption file will now appear as an option for the user to select:

Here is the demo of all the steps mentioned above: