YouTube Video Player

Content

YouTube Video Player page component has three mandatory content parameters:

• Title - the title of the video.
• Video Url - video URL.
• Content Description - descriptive description about the video.

One optional:

• Thumbnail Override - an image to override the one from YouTube.

Title

Title is displayed at the bottom of the YouTube Video Player and acts as a title for the video for people to get to know what's the video about.

Video Url

A URL copied from YouTube video website. This can be a hidden video or a public one.

Content Description

A description of the video. It is really important for page SEO score and people using screen readers so this must be filled and have a descriptive description of what the video is about.

Thumbnail Override

An optional parameter which accepts an image which will override the original YouTube video thumbnail photo.

Settings

YouTube Video Player page component has the following settings:

• Hide - hides the component.
• Disable Lazy Loading - disables video lazy loading.
• Hide Title - hides YouTube Video Player title.
• Hide Controls - hides YouTube video controls.
• Disable Fullscreen - disables YouTube video fullscreen mode.
• Disable Related Videos - stops showing related video after the video ends.
• Horizontal Position - sets the YouTube Video Player horizontal position on the containing layout column.
• YouTube Video Player Size - sets the maximum YouTube Video Player size.

Disable Lazy Loading

Toggling this setting will disable YouTube Video Player thumbnail lazy loading.

If the YouTube Video Player is the first image on the page and is visible straight after the page loads, it should be set not to lazy load and this toggle should be active.

Images with lazy loading attribute will be downloaded after the page has been loaded and the image is visible on the user's screen. While images without the lazy loading attribute will be downloaded when the page is being initially loaded.

Ideally all the images should be lazy loaded since this improves the website speed and performance. However, all images that are shown on the page 'above the fold' - seen immediately without having to scroll, should be set not to lazy load.

Hide Title

Toggling this setting will stop showing the title at the bottom of the YouTube Video Player. However, it is important to write a descriptive title even if this setting is active since the title will be used for people who use screen readers.

Hide Controls

Toggling this setting will stop showing most of the YouTube Video Player controls such as video sound, video subtitles and video quality, to the users.

Disable Fullscreen

Toggling this setting will remove an option for users to watch the video in fullscreen mode.

Disable Related Videos

Toggling this setting will stop showing related videos to the channel after the video end.

An example, with this toggled off (default), if the video is from tombola YouTube channel it will show recommended videos from tombola channel after the video ends. However, having this toggle active will show videos recommended by YouTube, thus, this is not recommended to be in an active state.

Horizontal Position

Sets the YouTube Video Player horizontal position in the containing layout column.

YouTube Video Player Size

Sets the maximum YouTube Video Player size. To get the default size, leave YouTube Video Player Size dropdown empty.