> For the complete documentation index, see [llms.txt](https://docs.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.themeware.design/manual/product-pages/product-videos-in-tabs/configuration.md).

# Configuration

## Basic configuration

***

### Maximum width

**Field type**:\
Number field

**Example value**:\
`0`

**Path to the configuration**:\
Tab "Product pages" => Block "Product videos (in tabs)" => Section "Basic configuration"

**Technical name**:\
`twt-product-detail-videos-max-width`

{% hint style="info" %}
Enter the maximum width for videos in pixels here.

Product videos can be added via a custom field in the corresponding product.

Use the value '0' to set no maximum width.
{% endhint %}

***

### Show video controls

**Field type**:\
Select

**Available values**:\
• don't show\
• show

**Example value**:\
`show`

**Path to the configuration**:\
Tab "Product pages" => Block "Product videos (in tabs)" => Section "Basic configuration"

**Technical name**:\
`twt-product-detail-product-videos-show-controls`

***

### Advanced privacy mode

**Field type**:\
Select

**Available values**:\
• no\
• yes

**Example value**:\
`yes`

**Path to the configuration**:\
Tab "Product pages" => Block "Product videos (in tabs)" => Section "Basic configuration"

**Technical name**:\
`twt-product-detail-product-videos-advanced-privacy`

{% hint style="info" %}
When you turn on privacy-enhanced mode, the video platform won't store information about visitors on your website, until they play the video.

**Note**: This configuration relates to YouTube and Vimeo videos.
{% endhint %}

***

### Load video only after confirmation by the user

**Field type**:\
Select

**Available values**:\
• no\
• yes

**Example value**:\
`no`

**Path to the configuration**:\
Tab "Product pages" => Block "Product videos (in tabs)" => Section "Basic configuration"

**Technical name**:\
`twt-product-detail-product-videos-need-confirmation`

{% hint style="info" %}
Displays a "placeholder" so that the video is loaded only after confirmation by the user.

To edit or translate the text please use the following snippet: component.cms.vimeo.privacyNoticeText

**Note**: This configuration relates to YouTube and Vimeo videos.
{% endhint %}

## Placeholder (YouTube/Vimeo videos)

***

### Layout type

**Field type**:\
Select

**Available values**:\
• default\
• Platform icon\
• Preview image

**Example value**:\
`default`

**Path to the configuration**:\
Tab "Product pages" => Block "Product videos (in tabs)" => Section "Placeholder (YouTube/Vimeo videos)"

**Technical name**:\
`twt-product-detail-product-videos-placeholder-layout-type`

{% hint style="info" %}
Select the layout of the "placeholder".

**default**\
Minimal layout with a configured background colour.

**Platform icon**\
The icon of the corresponding video platform is displayed as a "background image" above the configured background colour.

**Preview image**\
The configured preview image is displayed as a background image.
{% endhint %}

***

### Background colour

**Field type**:\
Color picker

**Example value**:\
`#eeeeee`

**Path to the configuration**:\
Tab "Product pages" => Block "Product videos (in tabs)" => Section "Placeholder (YouTube/Vimeo videos)"

**Technical name**:\
`twt-product-detail-product-videos-placeholder-background-color`

***

### Background colour (Backdrop)

**Field type**:\
Color picker

**Example value**:\
`rgba(255, 255, 255, 0.5)`

**Path to the configuration**:\
Tab "Product pages" => Block "Product videos (in tabs)" => Section "Placeholder (YouTube/Vimeo videos)"

**Technical name**:\
`twt-product-detail-product-videos-backdrop-background-color`

{% hint style="info" %}
Select the colour for the coloured overlay of the video placeholder.
{% endhint %}

***

### Background colour (Overlay)

**Field type**:\
Color picker

**Example value**:\
`rgba(255, 255, 255, 0.5)`

**Path to the configuration**:\
Tab "Product pages" => Block "Product videos (in tabs)" => Section "Placeholder (YouTube/Vimeo videos)"

**Technical name**:\
`twt-product-detail-product-videos-overlay-background-color`

{% hint style="info" %}
Select the colour for the overlay of the video placeholder.
{% endhint %}

***

### Preview image

**Field type**:\
Media selection

**Example value**:\
\`\`

**Path to the configuration**:\
Tab "Product pages" => Block "Product videos (in tabs)" => Section "Placeholder (YouTube/Vimeo videos)"

**Technical name**:\
`twt-product-detail-product-videos-placeholder-preview-image`