Magento Commerce, 2.3.x

Video

Use the Video content type to add a video that is hosted on YouTube or Vimeo to the stage. It’s easy to embed video in a page or block, as well as in product and categoryA set of products that share particular characteristics or attributes. descriptions.


Video on Home Page
  • Video Toolbox

    TOOL

    Icon

    Description

    Move

    Moves the video to another position on the stage.

    (label)

    VIDEO

    Identifies the current content container as a video. Hover over the video container to see the toolbox.

    Settings

    Opens the Edit Video page, where you can change the properties of the video and container.

    Hide

    Hides the current video.

    Show

    Shows the hidden video image.

    Duplicate

    Makes a duplicate copy of the video.

    Remove

    Deletes the video from the stage.

  • Video Settings

    Setting

    Description

    Video URL

    The URL of a video that is hosted on either YouTube or Vimeo. The URL can be copied from the address bar of the browser, and pasted into the Video URL field.

    Maximum Width

    Specifies the maximum width in pixels, that is allowed for the video in the storefront. If blank, the video extends the full width of the container, less allowance for margins and padding.

    Advanced

    Alignment

    Determines the horizontal alignment of the video. Options:

    Default

    Applies the alignment default setting that is specified in the style sheet of the current theme.

    Left

    Aligns the video along the left border of the parent container, with allowance for any padding specified.

    Center

    Aligns the video in the center of the parent container, with allowance for any padding specified.

    Right

    Aligns the video along the right border of the parent container, with allowance for any padding specified.

    Border

    Determines the border style that is applied to all four sides of the video container. Options:

    Default

    Applies the default border style specified by the associated style sheet.

    None

    Does not provide any visible indication of the container borders.

    Dotted

    The container border appears as a dotted line.

    Dashed

    The container border appears as a dashed line.

    Solid

    The container border appears as a solid line.

    Double

    The container border appears as a double line.

    Groove

    The container border appears as a grooved line.

    Ridge

    The container border appears as a ridged line.

    Inset

    The container border appears as an inset line.

    Outset

    The container border appears as an outset line.

    Border Color

    Determines the color of the container border. Specify the color by choosing a swatch, clicking the color picker, or by entering a valid color name or equivalent hexadecimal value.

    Border Width

    Determines the width in pixels of the container border.

    Border Radius

    Specifies the size of the radius used to round each corner of the border.

    CSS Classes

    Specifies the names of CSS classes from the current style sheet which apply to the container. Separate multiple class names with a space.

    Margins and Padding

    Determines the size, in pixels, of the outer margins and inner padding of the video container. Enter the corresponding values in the diagram. Options:

    Margins

    The amount of blank space, in pixels, applied to the outside edge of all sides of the container. Options: Top, Right, Bottom, Left.

    Padding

    The amount of blank space, in pixels, applied to the inside edge of all sides of the container. Options: Top, Right, Bottom, Left.