Integrate a YouTube video component with Google Web Designer
  • 07 Jun 2024
  • 1 Minute to read
  • Dark
    Light

Integrate a YouTube video component with Google Web Designer

  • Dark
    Light

Article summary

This page helps you integrate a YouTube video component using Google Web Designer.

Add a YouTube video component

  1. Go to the Components panel.
  2. Drag and drop a YouTube component on your creative.
  3. Get your video URL from YouTube.
  4. Click on your YouTube component.
  5. In the Properties panel, set the position (top & left) and the dimensions (width & height) of your YouTube component.
  6. Go to the Component properties section of the Properties panel and set your video properties.
PropertyDescription
AnnotationsShows YouTube annotations.
AutoplayNone - Video doesn't start until the viewer click on play (default).

Standard - The video plays automatically. Does not count as a YouTube view.

Preview - The video plays in a muted state underneath a play button overlay.

Intro - The video plays in a muted state without a play button overlay or any controls. Does not count as a YouTube view.  

Autoplay is not supported on mobile browsers.
ControlsAutohide - The video progress bar and the player controls slide out of view a couple of seconds after the video starts playing. The controls reappear if the user interacts with the video player.

None - Hides the progress bar and player controls.
LoopThe video repeats.

IAB standards allow for a maximum of 3 loops and a maximum of 30 seconds for autoplay.
MutedThe video mutes by default.
NameThe name of your YouTube component.
Pause on video endA Pause event will be counted when the video ends.
Preview durationSet the duration of the preview when Autoplay is set on Preview.
Progress bar colorProgress bar can appear in red or white.
RelatedProgress bar can appear in red or white.
Start positionLets you set the starting position, in seconds, of the YouTube video.
TitleShows the title of the YouTube video.
URLThe URL of your video on YouTube.

Source: https://support.google.com/webdesigner/answer/3232992?hl=en


Was this article helpful?

Changing your password will log you out immediately. Use the new password to log back in.
First name must have atleast 2 characters. Numbers and special characters are not allowed.
Last name must have atleast 1 characters. Numbers and special characters are not allowed.
Enter a valid email
Enter a valid password
Your profile has been successfully updated.