# Video

# Basics

The Video block gives you every tool to allow you to embed videos from YouTube, Vimeo and your own server.

The Cwicly Video block has specific features like:

  • Lazy-load the video
  • Specific start and end
  • Div block overlay with any child block, that activates on the user click
  • Aspect ration control

A Video is worth a million videos.

If you want to add a video outside any other block on the page:

  1. Click on the  ​​icon to open the Inserter Panel
  2. Search for the Cwicly Video block
  3. Click on the Cwicly Video block to insert it into your page

If you want to add a video inside a parent block:

  1. Open the Quick Insert panel in the parent block
  2. Search for the Cwicly Video block
  3. Click on the Cwicly Video block to insert it into your parent block

# Video

# Video Source

The Video Source property allows you choose whether the video source will be static or dynamic.

  1. Select a Video block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Find the Video Source property
  5. Click on the appropriate video type options (static, dynamic)​​
  1. Select a Video block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Find the Video Source property
  5. Click on selected option to unselect it

Static A static video source will rely on a static URL provided by the user. It will not update automatically depending on the source, and relies on manual changes.

Dynamic A dynamic video source allows you to specify an video source that might change depending on the different parameters available at the time. It will update automatically. It relies ACF Pro dynamics.

ACF Pro
  • User set groups & fields
  • Repeater fields

# Video URL

The Video URL property allows you to define the video URL that will be used for the video.

  1. Select a Video block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Find the Video URL property
  5. Select a video by Clicking on Browse or copy/paste a URL
  1. Select a Video block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Find the Video URL property
  5. Remove the URL in the field or Click the button Clear Media

# Start Time

The Start Time property allows you define a specific time when the video will start.

  1. Select a Video block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Find the Start Time property
  5. Enter the desired Start Time

# End Time

The End Time property allows you define a specific time when the video will end.

  1. Select a Video block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Find the End Time property
  5. Enter the desired End Time

# Autoplay

The Autoplay property allows you define if the video should autoplay when the page loads in the user's browser.

  1. Select a Video block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Find the Autoplay property
  5. Toggle the Autoplay property

# Mute

The Mute property allows you define if the video should be muted when the video starts playing.

  1. Select a Video block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Find the Mute property
  5. Toggle the Mute property

# Loop

The Loop property allows you define if the video should start playing again from the beginning when it is finished, thus entering a loop.

  1. Select a Video block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Find the Loop property
  5. Toggle the Loop property

# Modest Branding

The Modest Branding property allows you define whether the video branding of the player provided by the third-party host should be minimal.

  1. Select a Video block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Find the Modest Branding property
  5. Toggle the Modest Branding property

# Privacy Mode

The Privacy Mode property allows you define whether third-party host is allowed to access specific user details from the people accessing your page.

  1. Select a Video block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Find the Privacy Mode property
  5. Toggle the Privacy Mode property

# Aspect Ratio

The Aspect Ratio property allows you define the aspect ratio for the video you are embedding.

  1. Select a Video block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Find the Aspect Ratio property
  5. Select the desired value

# Div Overlay

The Div Overlay element is a unique feature that allows you to overlay whatever you decide like content over your video.

When the user clicks on the Div Overlay, the video automatically loads and covers the overlay.

  1. Select a Video block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Open the Div Overlay tab​​
  5. Find the Div Overlay property
  6. Toggle the Div Overlay property
  1. Open the Quick Insert panel in Video block
  2. Search for the block type you want to add
  3. Click on the block type you want to add to insert it into the Div Overlay for the Video block