Add GoDAM Gutenberg Video 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.
This section explains all the configuration options available for the custom GoDAM Video block.
1. Playback Settings
- 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).
2. Preloading Options
- Preload: Determines how the browser loads video data before playback.
- None: No preloading.
- Metadata: Preloads only video metadata.
- Auto: Preloads the entire video.
3. Appearance Settings
- 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.
4. Customization
- 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]
Adding Video Captions
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:
