1. Home
  2. Docs
  3. GoDAM
  4. VIDEO BLOCK
  5. Configuring the Video Block

Configuring the Video Block

HOW TO USE THE BLOCK?

Step 1: Go to Block Editor screen

Step 2: Enter /goDAM in the block editor

image-7-1024x532

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

image-8-1024x432

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

image-9-378x1024

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]

HOW TO UPLOAD 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.

AD_4nXfeBp-71BQkG3ruUrFzvHOQgjrwEYZ_fP9sNjqSTZ-sxG4LPY13FEQ7PEPI0wfsT61eYV7jQ6G20ZqpuGDRpskwbARRWRg5AgaxAMu9YIy3LM9he7DX1TVLNQbv9xD8bDc5KTd1HA?key=enS1uYwtiSBXDkqpB6l4Joq_

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

AD_4nXedU-08mKY4cUY0Ctm6XufF2XIt8UvKTh40hP6BduellaD0KGUhpkTPIOFrMAFfPqvYby88b8nADLA8gtf7mbdzYvvjyrcHNqRhXxeAvVgXRy2GUDjXQQXHMtXAQQ2pV2QiREyWOA?key=enS1uYwtiSBXDkqpB6l4Joq_

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:

AD_4nXfAnoV3jNL-X2skqWqktsc19sFaNGenVisEArk5e86pbWHQt_zOPISNGSm_NYe_wHCQMrSiAN89vbXZ0WA2mS0h1Lz0We98D-Zrvo2P2nEeu7GLnlf1_5LI6fY4XKJc3qAYQ5rfDA?key=enS1uYwtiSBXDkqpB6l4Joq_

Here is the demo of all the steps mentioned above:

AD_4nXeVH5UU07OtsLhrYIzXxc_1FjcdZ-XdHoftcwpOp0-w0n-qWuBqsgdzEX6XofyArFdirQu6Im60m-Y318av4pgerBQZ3a21c-kFMrZFMN0_SFe7H9x6cINbycSMdcRkkewcsuijLQ?key=enS1uYwtiSBXDkqpB6l4Joq_