> ## Documentation Index
> Fetch the complete documentation index at: https://developers.criteo.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Branding Video Standout

> Branding Video Standout is a format combining a branded video with a branded image and a CTA.

# Overview

The Branding Video Standout is a hybrid format that bridges awareness and commerce, a storytelling ad that still drives measurable action.

<Frame caption="The Branding Video Standout components">
  <img src="https://mintcdn.com/criteo-e1682996/fr3QURzyzf6m9Hkn/images/retailer-integration/docs/3e85569c2f012140d9a184c0884c45a634c0ae85d8b2905baef39655ac78dbe2-image.png?fit=max&auto=format&n=fr3QURzyzf6m9Hkn&q=85&s=6628d11bbf37fea7c40815626c72c302" alt="The Branding Video Standout components" width="2232" height="380" data-path="images/retailer-integration/docs/3e85569c2f012140d9a184c0884c45a634c0ae85d8b2905baef39655ac78dbe2-image.png" />
</Frame>

***

# Response Keys

The following is a description of the different keys used to render ads.

## In the Rendering Section

<table>
  <thead>
    <tr>
      <th>
        <p>
          Key
        </p>
      </th>

      <th>
        <p>
          Description
        </p>
      </th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>
        <p>
          <code>
            branding\_image
          </code>
        </p>
      </td>

      <td>
        <p>
          Image file.
        </p>

        <p>
          Required:

          <code>
            true
          </code>

          ;
        </p>

        <p>
          Width:

          <code>
            1200 px
          </code>

          ;
        </p>

        <p>
          Height:

          <code>
            1200 px
          </code>

          ;
        </p>

        <p>
          Max size:

          <code>
            307200 bytes
          </code>

          (300 KB);
        </p>

        <p>
          Extensions:

          <code>
            jpeg
          </code>

          ,

          <code>
            png
          </code>

          .
        </p>
      </td>
    </tr>

    <tr>
      <td>
        <p>
          <code>
            branding\_image\_alt\_text
          </code>
        </p>
      </td>

      <td>
        <p>
          Alternative text for the branding image.
        </p>

        <p>
          Required:

          <code>
            true
          </code>

          ;
        </p>

        <p>
          Max characters:

          <code>
            120
          </code>
        </p>
      </td>
    </tr>

    <tr>
      <td>
        <p>
          <code>
            background\_color
          </code>
        </p>
      </td>

      <td>
        <p>
          Background color for the full unit.
        </p>

        <p>
          Required:

          <code>
            true
          </code>

          ;
        </p>

        <p>
          Default:

          <code>
            \#EFEFEF
          </code>

          .
        </p>
      </td>
    </tr>

    <tr>
      <td>
        <p>
          <code>
            border\_color
          </code>
        </p>
      </td>

      <td>
        <p>
          Border color for the full unit.
        </p>

        <p>
          Required:

          <code>
            true
          </code>

          ;
        </p>

        <p>
          Default:

          <code>
            \#CCCCCC
          </code>

          .
        </p>
      </td>
    </tr>

    <tr>
      <td>
        <p>
          <code>
            messaging\_text
          </code>
        </p>
      </td>

      <td>
        <p>
          Main ad message.
        </p>

        <p>
          Required:

          <code>
            true
          </code>

          ;
        </p>

        <p>
          Max characters:

          <code>
            140
          </code>

          .
        </p>
      </td>
    </tr>

    <tr>
      <td>
        <p>
          <code>
            messaging\_text\_color
          </code>
        </p>
      </td>

      <td>
        <p>
          Color of the messaging text.
        </p>

        <p>
          Required:

          <code>
            true
          </code>

          ;
        </p>

        <p>
          Default:

          <code>
            \#000000
          </code>

          .
        </p>
      </td>
    </tr>

    <tr>
      <td>
        <p>
          <code>
            displayed\_brand
          </code>
        </p>
      </td>

      <td>
        <p>
          Brand name displayed with “Sponsored by” tag.
        </p>

        <p>
          Required:

          <code>
            true
          </code>

          ;
        </p>

        <p>
          Max characters:

          <code>
            25
          </code>

          .
        </p>
      </td>
    </tr>

    <tr>
      <td>
        <p>
          <code>
            optional\_legal\_text
          </code>
        </p>
      </td>

      <td>
        <p>
          Legal text add-on for the video.
        </p>

        <p>
          Max

          <code>
            90 characters
          </code>

          , including spaces.
        </p>

        <p>
          Desktop: visible on hover of the “i” icon;
        </p>

        <p>
          Mobile/App: always visible below the video.
        </p>
      </td>
    </tr>

    <tr>
      <td>
        <p>
          <code>
            optional\_redirect\_target
          </code>
        </p>
      </td>

      <td>
        <p>
          Only for web.
        </p>

        <p>
          Ignored if no ClickThrough is provided in the VAST.
        </p>

        <p>
          Values:

          <code>
            \_blank
          </code>

          (new tab),

          <code>
            \_self
          </code>

          (same tab).
        </p>
      </td>
    </tr>

    <tr>
      <td>
        <p>
          <code>
            background\_video\_alt\_text
          </code>
        </p>
      </td>

      <td>
        <p>
          Video alternative text for accessibility.
        </p>
      </td>
    </tr>

    <tr>
      <td>
        <p>
          <code>
            color\_mode
          </code>
        </p>
      </td>

      <td>
        <p>
          Preset theme for UI elements. Values:

          <code>
            lightcommand
          </code>

          (black elements:

          <code>
            \#000000
          </code>

          ),

          <code>
            darkcommand
          </code>

          (white elements:

          <code>
            \#FFFFFF
          </code>

          ).
        </p>
      </td>
    </tr>
  </tbody>
</table>

<Info>
  In this documentation series, the `Required` field indicates whether a key is always returned in the ad response.
</Info>

***

## Format/Placement VAST Options

You will find one of the following VAST options:

<table>
  <thead>
    <tr>
      <th>
        <p>
          Key
        </p>
      </th>

      <th>
        <p>
          Description
        </p>
      </th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>
        <p>
          <code>
            TagVideoVAST
          </code>
        </p>
      </td>

      <td>
        <p>
          A URL to load a VAST XML that includes all information to render the video part (left side).
        </p>
      </td>
    </tr>

    <tr>
      <td>
        <p>
          OR
        </p>
      </td>

      <td>
        <p>
          *
        </p>
      </td>
    </tr>

    <tr>
      <td>
        <p>
          <code>
            XmlVideoVAST
          </code>
        </p>
      </td>

      <td>
        <p>
          A VAST XML to provide a video player
        </p>
      </td>
    </tr>
  </tbody>
</table>

***

# Sample Response

## Branding Video Standout: VAST Tag

```json expandable theme={null}
{
  "status": "OK",
  "placements": [
    {
      "viewHome_API_desktop-Flagship": [
        {
          "format": "BVS",
          "products": [],
          "rendering": {
            "branding_image": "https://example.com/image.png",
            "branding_image_alt_text": "Advertiser logo",
            "background_color": "#EFEFEF",
            "border_color": "#CCCCCC",
            "messaging_text": "This is the primary messaging text.",
            "messaging_text_color": "#000000",
            "displayed_brand": "The Brand",
            "optional_legal_text": "This is the optional legal text.",
            "optional_redirect_target": "_blank",
            "background_video_alt_text": "this is the video alternative text",
            "color_mode": "lightcommand"
          },
          "TagVideoVAST": "//rm-v.us5.eu.criteo.com/v?rm_e=cTPHYkD46JXqUp9svzl4FwDN_Re-KWTFmSn1QREFzvxlBjtyuwqDRDnVL8lIDel4Th9npJBHSThNiJLriLBlmmJlLg3E7oRRs-IIthJ3MTTQGMWNlOPHOebj8aiWu-YTK7Esx7vZ_fdMtLSLuHYbwqZnpT2xb3zqTJ96A2TPZWaVJPUqCO8KuUd5MBgT1mvs_o-L4lim6g9KZmIWT4c0EbOwA&ev=4",
          "OnLoadBeacon": "//b.us5.us.criteo.com/rm?rm_e=2DP313G8ktSXXaFvImaO4VKMqFSCkvmlcTz98dfgdfmtngUKQgwShE9%bvNSjDndYD%2bnpLT4PWDoNaCb862AMTvSopOdYNFGidZfBHggUmtpL%2fYOudEdDP7kANk%2bGmsBy3OCIm58C0uAYEJSHBdruRC%2fhbWLKUdZ2VdHdFwvBg8IT9Yt4V0DS%2bufcBDtvWbEhioZmIPaBY3uuykPSXyOlpMPFfHqZ%2bg%3d%3d&ev=2",
          "OnViewBeacon": "//b.us5.us.criteo.com/rm?rm_e=YIfuO34D8lTreAuY8MIlZiNjtIYz48eDlYzK0kXFMIuhZjwV6cVwkirv6Tbbixk6Wgh7TLqia3Gw1uOcHcNCs%2f4hpPjT2yIGBXUv36EjR20dfgdfgsjFkZFPx8QGY9uakIYTCoH73BwvmoZdM5ForssG%2fkumRGMydeN9VqXHDdF8PxDvlVFUP3M%2fgFsSYQcCTO%2brLIhUs4%2bTKzg3mOxt%2fzSrsyOkQzOP7b7x5lupA2unc%3d&ev=2",
          "OnClickBeacon": "//b.us5.us.criteo.com/rm?rm_e=Db34znl4Lx0Oq1zpo6o%2f5W7GNmopfgN3f4DEpjSxb8eBUtw1dsIWqH82fbjaLIwGVlIukvlY5suhA5G%2fYZcU2Lx0aiFdfgdfgR7hNwL%2blregzZewZ6wuArnzW9sBqia4vvWq%2bBsGU39FRUuYm94OcSReYRutW%2fXtQ5Vx7lExUKg0P3%2fQRk%2bWuroBUmFR5M0atLoYvduF7Qmb4Vms1Ma4dOAwiCKtgh0t27j5Z5IPvlm3I%2fwHMEiS3jnBSD&ev=2",
          "OnFileClickBeacon": "//b.us5.us.criteo.com/rm?rm_e=Db34znl4Lx0Oq1zpo6o%2Nf4DE5lpjSxbBUtw1dsIWqH8%2fbjLIwGVlIukvlY5suhA5G%2fYZcU2Lx0aiFdfgdfgR7hNwL%2blregzZewZ6wuArnzW9sBqia4vvWq%2bBsGU39FRUuYm94OcSReYRutW%2fXtQ5Vx7lExUKg0P3%2fQRk%2bWuroBUmFR5M0atLoYvduF7Qmb4Vms1Ma4dOAwiCKtgh0t27j5Z5IPvlm3I%2fwHMEiS3jnBSD&ev=2",
          "OnBundleBasketChangeBeacon": "//b.us5.us.criteo.com/rm?rm_e=EPQZxjkhpjUK980SuOfCsTUVMLvFuugK%2f7NaEZDdh5JUt8YNx8PZUKRY2b93LwBFzLYDA3EppPd336FlC3y9%2dfgdfgbUcOP6qdW5k27ef5KwplDMOMh%2bnhF%2blpeguQpact691q70oFry4KYaNbRhKHmCm9wtVmDBbiwGBNW77%2f0lIKintx2O3Dv%2fuCEymreHBITagpX7GXLP0pTQ6O0%2fdMEH%2fI4Z2dPtUHa3ps7G4V%2fvDspyR&ev=2"
        }
      ]
    }
  ]
}

```

***

## Branding Video Standout: VAST XML

### Embedded in the JSON File

```json theme={null}
{
  "status": "OK",
  "placements": [
    {
      "viewHome_API_desktop-Flagship": [
        {
          "format": "BVS",
          "products": [],
          "rendering": {
            "branding_image": "https://example.com/image.png",
            "branding_image_alt_text": "Advertiser logo",
            "background_color": "#EFEFEF",
            "border_color": "#CCCCCC",
            "messaging_text": "This is the primary messaging text.",
            "messaging_text_color": "#000000",
            "displayed_brand": "The Brand",
            "optional_legal_text": "This is the optional legal text.",
            "optional_redirect_target": "_blank",
            "background_video_alt_text": "this is the video alternative text",
            "color_mode": "lightcommand"
          },
          "XmlVideoVAST": "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n&lt;VAST xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\"\n      xmlns:xsd=\"http://www.w3.org/2001/XMLSchema\"\n      version=\"4.2\"&gt;\n  &lt;Ad id=\"1234567890\"&gt;\n    &lt;InLine&gt;\n      &lt;AdSystem&gt;Criteo&lt;/AdSystem&gt;\n      &lt;AdTitle&gt;Onsite Branding Video&lt;/AdTitle&gt;\n      &lt;Description&gt;This is the primary messaging text.&lt;/Description&gt;\n      &lt;Advertiser&gt;The Brand&lt;/Advertiser&gt;\n      &lt;Impression&gt;<![CDATA[https://b.us5.us.criteo.com/rm?rm_e=IMP_TRACKING_URL]]>&lt;/Impression&gt;\n      &lt;Error&gt;<![CDATA[https://b.us5.us.criteo.com/rm?rm_e=ERROR_TRACKING_URL]]>&lt;/Error&gt;\n      &lt;Creatives&gt;\n        &lt;Creative id=\"creative123\"&gt;\n          &lt;Linear&gt;\n            &lt;Duration&gt;00:00:20.000&lt;/Duration&gt;\n            &lt;TrackingEvents&gt;\n              &lt;Tracking event=\"start\"&gt;<![CDATA[https://tracking/start]]>&lt;/Tracking&gt;\n              &lt;Tracking event=\"firstQuartile\"&gt;<![CDATA[https://tracking/firstQuartile]]>&lt;/Tracking&gt;\n              &lt;Tracking event=\"midpoint\"&gt;<![CDATA[https://tracking/midpoint]]>&lt;/Tracking&gt;\n              &lt;Tracking event=\"thirdQuartile\"&gt;<![CDATA[https://tracking/thirdQuartile]]>&lt;/Tracking&gt;\n              &lt;Tracking event=\"complete\"&gt;<![CDATA[https://tracking/complete]]>&lt;/Tracking&gt;\n            &lt;/TrackingEvents&gt;\n            &lt;VideoClicks&gt;\n              &lt;ClickThrough id=\"brandingClick\"&gt;\n                <![CDATA[https://retailer.com/branding-landing-page]]>\n              &lt;/ClickThrough&gt;\n              &lt;ClickTracking&gt;\n                <![CDATA[https://tracking/click]]>\n              &lt;/ClickTracking&gt;\n            &lt;/VideoClicks&gt;\n            &lt;MediaFiles&gt;\n              &lt;MediaFile delivery=\"progressive\"\n                         type=\"video/mp4\"\n                         width=\"640\"\n                         height=\"360\"\n                         scalable=\"true\"\n                         maintainAspectRatio=\"true\"&gt;\n                <![CDATA[https://static.retailer.com/videos/branding_video.mp4]]>\n              &lt;/MediaFile&gt;\n            &lt;/MediaFiles&gt;\n          &lt;/Linear&gt;\n        &lt;/Creative&gt;\n      &lt;/Creatives&gt;\n    &lt;/InLine&gt;\n  &lt;/Ad&gt;\n&lt;/VAST&gt;"
        }
      ]
    }
  ]
}

```

***

### XML Video VAST Standalone

This is the content of `XmlVideoVAST` from the example above, presented as a standalone XML snippet for better readability.

```xml expandable theme={null}
<?xml version="1.0" encoding="UTF-8"?>
&lt;VAST xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      xmlns:xsd="http://www.w3.org/2001/XMLSchema"
      version="4.2"&gt;
  &lt;Ad id="1234567890"&gt;
    &lt;InLine&gt;
      &lt;AdSystem&gt;Criteo&lt;/AdSystem&gt;
      &lt;AdTitle&gt;Onsite Branding Video&lt;/AdTitle&gt;
      &lt;Description&gt;This is the primary messaging text.&lt;/Description&gt;
      &lt;Advertiser&gt;The Brand&lt;/Advertiser&gt;
      &lt;Impression&gt;<![CDATA[https://b.us5.us.criteo.com/rm?rm_e=IMP_TRACKING_URL]]>&lt;/Impression&gt;
      &lt;Error&gt;<![CDATA[https://b.us5.us.criteo.com/rm?rm_e=ERROR_TRACKING_URL]]>&lt;/Error&gt;
      &lt;Creatives&gt;
        &lt;Creative id="creative123"&gt;
          &lt;Linear&gt;
            &lt;Duration&gt;00:00:20.000&lt;/Duration&gt;
            &lt;TrackingEvents&gt;
              &lt;Tracking event="start"&gt;<![CDATA[https://tracking/start]]>&lt;/Tracking&gt;
              &lt;Tracking event="firstQuartile"&gt;<![CDATA[https://tracking/firstQuartile]]>&lt;/Tracking&gt;
              &lt;Tracking event="midpoint"&gt;<![CDATA[https://tracking/midpoint]]>&lt;/Tracking&gt;
              &lt;Tracking event="thirdQuartile"&gt;<![CDATA[https://tracking/thirdQuartile]]>&lt;/Tracking&gt;
              &lt;Tracking event="complete"&gt;<![CDATA[https://tracking/complete]]>&lt;/Tracking&gt;
            &lt;/TrackingEvents&gt;
            &lt;VideoClicks&gt;
              &lt;ClickThrough id="brandingClick"&gt;
                <![CDATA[https://retailer.com/branding-landing-page]]>
              &lt;/ClickThrough&gt;
              &lt;ClickTracking&gt;
                <![CDATA[https://tracking/click]]>
              &lt;/ClickTracking&gt;
            &lt;/VideoClicks&gt;
            &lt;MediaFiles&gt;
              &lt;MediaFile delivery="progressive"
                         type="video/mp4"
                         width="640"
                         height="360"
                         scalable="true"
                         maintainAspectRatio="true"&gt;
                <![CDATA[https://static.retailer.com/videos/branding_video.mp4]]>
              &lt;/MediaFile&gt;
            &lt;/MediaFiles&gt;
          &lt;/Linear&gt;
        &lt;/Creative&gt;
      &lt;/Creatives&gt;
    &lt;/InLine&gt;
  &lt;/Ad&gt;
&lt;/VAST&gt;

```

***

# Specifications

## Video Specifications

### All Devices

<table>
  <thead>
    <tr>
      <th>
        <p>
          Attribute
        </p>
      </th>

      <th>
        <p>
          Specification
        </p>
      </th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>
        <p>
          <b>
            File size
          </b>
        </p>
      </td>

      <td>
        <p>
          300 MB
        </p>
      </td>
    </tr>

    <tr>
      <td>
        <p>
          <b>
            Supported file types
          </b>
        </p>
      </td>

      <td>
        <p>
          MP4
        </p>
      </td>
    </tr>

    <tr>
      <td>
        <p>
          <b>
            Video ratio
          </b>
        </p>
      </td>

      <td>
        <p>
          16:9
        </p>
      </td>
    </tr>

    <tr>
      <td>
        <p>
          <b>
            Max duration
          </b>
        </p>
      </td>

      <td>
        <p>
          30 seconds
        </p>
      </td>
    </tr>
  </tbody>
</table>

***

### Legal Text Option

<table>
  <thead>
    <tr>
      <th>
        <p>
          Attribute
        </p>
      </th>

      <th>
        <p>
          Specification
        </p>
      </th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>
        <p>
          <b>
            Maximum characters
          </b>
        </p>
      </td>

      <td>
        <p>
          90 characters, including spaces
        </p>
      </td>
    </tr>
  </tbody>
</table>

***

### Branding Image

<table>
  <thead>
    <tr>
      <th>
        <p>
          Attribute
        </p>
      </th>

      <th>
        <p>
          Specification
        </p>
      </th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>
        <p>
          <b>
            File size
          </b>
        </p>
      </td>

      <td>
        <p>
          300 KB
        </p>
      </td>
    </tr>

    <tr>
      <td>
        <p>
          <b>
            Supported file types
          </b>
        </p>
      </td>

      <td>
        <p>
          JPEG, PNG in 72 dpi.
        </p>
      </td>
    </tr>

    <tr>
      <td>
        <p>
          <b>
            Dimension (W x H)
          </b>
        </p>
      </td>

      <td>
        <p>
          1200x1200
        </p>
      </td>
    </tr>
  </tbody>
</table>

***

### Messaging Option

<table>
  <thead>
    <tr>
      <th>
        <p>
          Attribute
        </p>
      </th>

      <th>
        <p>
          Specification
        </p>
      </th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>
        <p>
          <b>
            Maximum characters
          </b>
        </p>
      </td>

      <td>
        <p>
          140 characters, including spaces
        </p>
      </td>
    </tr>
  </tbody>
</table>

***

### CTA Button Option

<table>
  <thead>
    <tr>
      <th>
        <p>
          Attribute
        </p>
      </th>

      <th>
        <p>
          Specification
        </p>
      </th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>
        <p>
          <b>
            CTA Text
          </b>
        </p>
      </td>

      <td>
        <p>
          25 characters, including spaces
        </p>
      </td>
    </tr>

    <tr>
      <td>
        <p>
          <b>
            Redirection URL
          </b>
        </p>
      </td>

      <td>
        <p>
          Choice on redirection target: On current page, on new tab
        </p>
      </td>
    </tr>
  </tbody>
</table>

***

## Assets Sizes and Details

<Frame>
  <img src="https://mintcdn.com/criteo-e1682996/fr3QURzyzf6m9Hkn/images/retailer-integration/docs/265f74d07c475928871ad0d470336eefd2b13e7bf468fb236abf703f39a4c1a2-image.png?fit=max&auto=format&n=fr3QURzyzf6m9Hkn&q=85&s=115332901b5c8e31ee3752618f4d7309" alt="265f74d07c475928871ad0d470336eefd2b13e7bf468fb236abf703f39a4c1a2 image" width="1476" height="1210" data-path="images/retailer-integration/docs/265f74d07c475928871ad0d470336eefd2b13e7bf468fb236abf703f39a4c1a2-image.png" />
</Frame>

***

## Desktop

<Frame caption="The Branding Video Standout format on desktop">
  <img src="https://mintcdn.com/criteo-e1682996/T1671lE5Qb9IdIDU/images/retailer-integration/docs/c3d0053dc40896cf4323e572834a14a795bf8ad6fd4133a07b2ae7c683066c06-Desktop_TO_DO.png?fit=max&auto=format&n=T1671lE5Qb9IdIDU&q=85&s=4f148afd8ce9aea09dd583d1efe23b77" alt="The Branding Video Standout format on desktop" width="1100" height="250" data-path="images/retailer-integration/docs/c3d0053dc40896cf4323e572834a14a795bf8ad6fd4133a07b2ae7c683066c06-Desktop_TO_DO.png" />
</Frame>

* The desktop version of the Branding Video Standout is designed as follows:
  * The **video zone** is on the left,
  * The **branding image** is in the middle (1200 x 1200),
  * The **branding zone** including a Messaging Text & a CTA Button are on the right.

***

## Mobile

<Frame caption="The Branding Video Standout format on Mobile">
  <img src="https://mintcdn.com/criteo-e1682996/PtO-HGDADAVLvs2M/images/retailer-integration/docs/b736aedcdf326baeb1fc7c8d949215d3ad0438b44f4199ac47a845566186d95f-Mobile.png?fit=max&auto=format&n=PtO-HGDADAVLvs2M&q=85&s=05d658244d0c7fa430e8324538a00746" alt="The Branding Video Standout format on Mobile" width="388" height="348" data-path="images/retailer-integration/docs/b736aedcdf326baeb1fc7c8d949215d3ad0438b44f4199ac47a845566186d95f-Mobile.png" />
</Frame>

The mobile version of the Branding Video Standout is designed as follows:

* The **video zone** is on the top,
* The **branding image**, **Messaging Text** and **CTA** are below the video.

***

## Available Options

### Redirection

Redirection is accomplished by clicking on either:

* the **CTA button**
* the **video** (other than the buttons and legal text)
* the **Branding Image**

There are two possible redirection options:

* `_Self` (opens in the same tab),
* `_Blank` (opens in a new tab).

### Redirection URL

All interactive elements—the CTA button, video, and branding image—redirect to **the same destination URL**.

This URL is retrieved from the VAST XML `&lt;ClickThrough&gt;` section. When defined, this field applies uniformly to all three assets to ensure consistent redirection behavior.

***

### Legal Text

Legal text can be added as an option (90 characters maximum, including spaces).

If the option is enabled:

* While hovering over the video, an **(i)** icon is displayed in the top-left corner, like so:

<Frame>
  <img src="https://mintcdn.com/criteo-e1682996/T1671lE5Qb9IdIDU/images/retailer-integration/docs/f80527d3cd49c9fbba14dc3930956f22a1478c880d54076bd82b7941ae7d1971-Legal_Text_-_Desktop_Hover.png?fit=max&auto=format&n=T1671lE5Qb9IdIDU&q=85&s=c9a9383b48a66b8124fa71896c1a9d75" alt="f80527d3cd49c9fbba14dc3930956f22a1478c880d54076bd82b7941ae7d1971 Legal_Text_ _Desktop_Hover" width="1100" height="250" data-path="images/retailer-integration/docs/f80527d3cd49c9fbba14dc3930956f22a1478c880d54076bd82b7941ae7d1971-Legal_Text_-_Desktop_Hover.png" />
</Frame>

* When hovering the **(i)** icon, the legal text is displayed on top of the video like so:

<Frame>
  <img src="https://mintcdn.com/criteo-e1682996/fr3QURzyzf6m9Hkn/images/retailer-integration/docs/32b701e75e5987c8a397265821f675e9e38cb9caa65460faceb036e3d669bfce-Legal_Text_-_Desktop_I_Hover.png?fit=max&auto=format&n=fr3QURzyzf6m9Hkn&q=85&s=192760061e4266f0d7fb84f103b62edc" alt="32b701e75e5987c8a397265821f675e9e38cb9caa65460faceb036e3d669bfce Legal_Text_ _Desktop_I_Hover" width="1100" height="250" data-path="images/retailer-integration/docs/32b701e75e5987c8a397265821f675e9e38cb9caa65460faceb036e3d669bfce-Legal_Text_-_Desktop_I_Hover.png" />
</Frame>

* On mobile screens, the legal text will always display between the **branding video zone** and the **branding messaging**:

<Frame>
  <img src="https://mintcdn.com/criteo-e1682996/fr3QURzyzf6m9Hkn/images/retailer-integration/docs/1514064262f156e1f27dd2440f0ada239431ca9b2d9d6cc4db5aaf329df71953-Mobile1.png?fit=max&auto=format&n=fr3QURzyzf6m9Hkn&q=85&s=fd63307a3d6f2f8437519a7d5e9a72f3" alt="1514064262f156e1f27dd2440f0ada239431ca9b2d9d6cc4db5aaf329df71953 Mobile1" width="388" height="394" data-path="images/retailer-integration/docs/1514064262f156e1f27dd2440f0ada239431ca9b2d9d6cc4db5aaf329df71953-Mobile1.png" />
</Frame>

***

### Color Mode

<Frame>
  <img src="https://mintcdn.com/criteo-e1682996/fr3QURzyzf6m9Hkn/images/retailer-integration/docs/21479bc0e02a98ae514da5becab4461fbe538a970563480a7c2fc49d67a245b3-Color_mode.png?fit=max&auto=format&n=fr3QURzyzf6m9Hkn&q=85&s=d7fc91e1930ecc03d564e44e0e7dd6e8" alt="21479bc0e02a98ae514da5becab4461fbe538a970563480a7c2fc49d67a245b3 Color_mode" width="1026" height="348" data-path="images/retailer-integration/docs/21479bc0e02a98ae514da5becab4461fbe538a970563480a7c2fc49d67a245b3-Color_mode.png" />
</Frame>

The advertiser can choose between two preset color modes to ensure the best contrast between the buttons and the video. Buttons and options appear while hovering over the **video**.

#### Light mode

* Background color: `#FFFFFF` 80%
* Icon color: `#6A6A6A`
* Legal text color: `#000000`

#### Dark mode

* Background color: `6A6A6A` 80%
* Icon color: `#FFFFFF`
* Legal text color: `#FFFFFF`

***

## Technical Details

### Global

* The border should be fixed to `1px` and should surround the video creative and the product zone.
* Depending on placement size, the format dimensions may vary. However, the video ratio will remain constant at 16:9.

***

### 1400 x 900 px

<Frame>
  <img src="https://mintcdn.com/criteo-e1682996/fr3QURzyzf6m9Hkn/images/retailer-integration/docs/4384f57b26379d0f9e5220d215da3b49dee2f706215124d82e31715941a88e52-1400___900.png?fit=max&auto=format&n=fr3QURzyzf6m9Hkn&q=85&s=45f7e26e4913b939e6427c253f1f651c" width="1301" height="250" data-path="images/retailer-integration/docs/4384f57b26379d0f9e5220d215da3b49dee2f706215124d82e31715941a88e52-1400___900.png" />
</Frame>

***

### 900 x 700 px

<Frame>
  <img src="https://mintcdn.com/criteo-e1682996/PtO-HGDADAVLvs2M/images/retailer-integration/docs/749aea2bc150d367a0a717ff3d5a26dfcfa0cca56d7d715d0f543cda3319c3b8-900___700.png?fit=max&auto=format&n=PtO-HGDADAVLvs2M&q=85&s=60c76134159a0ba155f3d4fc44785f1a" width="750" height="250" data-path="images/retailer-integration/docs/749aea2bc150d367a0a717ff3d5a26dfcfa0cca56d7d715d0f543cda3319c3b8-900___700.png" />
</Frame>

***

### 700 x 480 px

<Frame>
  <img src="https://mintcdn.com/criteo-e1682996/fr3QURzyzf6m9Hkn/images/retailer-integration/docs/5f3c46ae1e18e212cc9e7651014a3f4a94c3603b8eeb7f7d09b93c59f281a954-700___480.png?fit=max&auto=format&n=fr3QURzyzf6m9Hkn&q=85&s=60b1d7d04f0c41c6d56ce91d0c2e68f5" width="529" height="255" data-path="images/retailer-integration/docs/5f3c46ae1e18e212cc9e7651014a3f4a94c3603b8eeb7f7d09b93c59f281a954-700___480.png" />
</Frame>

***

### Mobile

<Frame>
  <img src="https://mintcdn.com/criteo-e1682996/PtO-HGDADAVLvs2M/images/retailer-integration/docs/788aeee61c9ed5e9a7a6e410677f926853eaf58259cd2842348b9ce2552babed-Mobile3.png?fit=max&auto=format&n=PtO-HGDADAVLvs2M&q=85&s=c6601c0f26881fb1b29ff1734cb7d6d3" alt="788aeee61c9ed5e9a7a6e410677f926853eaf58259cd2842348b9ce2552babed Mobile3" width="388" height="348" data-path="images/retailer-integration/docs/788aeee61c9ed5e9a7a6e410677f926853eaf58259cd2842348b9ce2552babed-Mobile3.png" />
</Frame>

***

#### Mobile (placement width ≤ 445 px)

* 10 px of padding to the left and right of **Messaging Text**,
* 8 px of padding between **Messaging Text** and **CTA**,
* **Messaging Text** and **CTA** are vertically centered.

<Frame>
  <img src="https://mintcdn.com/criteo-e1682996/PtO-HGDADAVLvs2M/images/retailer-integration/docs/89be6a43989e33dadd8b7f18a53e7e3fa4e263dfbb47d56e61129f1ae7c573f9-Mobile4.png?fit=max&auto=format&n=PtO-HGDADAVLvs2M&q=85&s=4df4baad1a9779b035a6256e41a6de56" alt="89be6a43989e33dadd8b7f18a53e7e3fa4e263dfbb47d56e61129f1ae7c573f9 Mobile4" width="388" height="348" data-path="images/retailer-integration/docs/89be6a43989e33dadd8b7f18a53e7e3fa4e263dfbb47d56e61129f1ae7c573f9-Mobile4.png" />
</Frame>

***

<br />

## What's next

* [Commerce Video Grid Duet](/retailer-integration/docs/commerce-video-grid-duet)