Skip to main content

Video

The Video widget adds a play button over an optional image, opening a video in a pop-up window when clicked. The pop-up uses a responsive layout to adapt to different screen sizes.

You can embed videos hosted on YouTube, Vimeo, or from the CMS itself. Videos are embedded from their respective sources and controlled via data attributes.

note

Custom widgets are described as they are defined for our standard (Mosaic) front-end theme. If the description does not match what you see on the screen, this is due to further customization that has been carried out specifically for your webshop's theme.

  • If you select an Image, it will be shown in the background of the 'play' button. If you leave this field blank, only the 'play' button will be shown (centered).
  • The Image alt, which is a description of the 'play' image for screen readers and SEO purposes.
  • The Image Width and Image Height determine the size of the 'play' image.
  • The Title of the video is used as the title of the pop-up and for accessibility labels. It is not shown on the page outside the pop-up.
  • Under Video, start by selecting the place where the video is stored. This determines the next field that you need to fill in.
    • If you have chosen CMS Video, select a video file from the DAM under Video CMS.
    • If you have chosen YouTube or Vimeo, enter the video's ID under What is the ID of the video? (YouTube or Vimeo). For example, for a video at https://youtu.be/AbcD12345, the ID is AbcD12345.
note

The widget assumes that the video is accessible. Broken links or missing video IDs will result in an empty pop-up.