Video

Created On
Last Updated On
byagaber
You are here:
< All Topics
Table of Contents

Use the Video module to insert a video into your layout. The source can be either of the following:

  • A video from the WordPress Media Library
  • Embed code provided by a third party such as Vimeo or YouTube.

Module settings

General tab

Video type

There are two choices:

  • Media Library
  • Embed

These choices are described in the following sections.

Media Library

If you choose Media Library, the following additional settings are available.

Video (MP4): Add an MP4 video that you have uploaded to your media library.

Video (WebM): (Optional) Select a WebM-format video from the media library to display in browsers that cannot play MP4. WebM was required on some older versions of Firefox and Safari.

Show video on lightbox: (Default is No) The video plays in a lightbox rather than directly on the page. If set to Yes, you must enable the Poser and select a poster image, described in the following table rows.

Enable Poster: Enable or disable a poster image that displays before the video is loaded, whether the video is displayed in a lightbox or not. If set to Yes, you must add an image to the next Poster setting.
Note: If a poster image is specified, the attribute preload=” none” is added to the rendered output to ask the browser not to load the video when the page loads. However, this attribute is ignored if Autoplay is set to Yes.

Poster: (Optional for videos that play on the page, required for videos that play in a lightbox) Select a poster image from the Media Library. If the video plays in a lightbox, the poster image displays on the main page and the video plays in the lightbox.

Autoplay: (Default is No) Choose whether the video should start automatically.
Note: Selecting Yes does not guarantee your video will autoplay in all environments. Standards frequently change for whether browsers and mobile devices will auto-play videos.

Loop: (Default is No) Choose whether to automatically replay the video when it ends.

Sticky on scroll: (Default is No) If set to Yes and the lightbox is set to No, the video stays displayed on the page while the rest of the page scrolls beneath it.

There’s also a Video Controls section, with the following settings. All are set to Show by default. Here’s a screenshot to explain the controls, also described in the table below.

 

  • Play/pause: Show or hide the play and pause controls.
  • Timer: Show or hide the timer control.
  • Time Rail: Show the bar that displays the time progression while the video plays.
  • Duration: Show the time duration.
  • Volume: Show the volume control.
    • Show video on light-box
    • Enable poster
    • Poster
    • Sticky on scrollFullscreen: Show the control to enable full-screen viewing.
      EmbedIf you set Video type to Embed, a code box appears where you can add the <iframe> embed code provided by your video service. For Youtube videos, go to the video you want to embed and click Share, then choose Embed to get the code. The StartTime and EndTime YouTube embed parameters are passed to the YouTube Player API, so you can start and end an embedded video at selected points.

      With the Embed setting, the following settings are also available. See the previous section for an explanation of these settings:

  • Structured data tab

    This tab lets you set information about the video that is provided in the rendered HTML output that search engines make use of, particularly Google’s Rich Results feature.

    If you choose Yes for Enable structured data, the following fields become available.

    • Video name
    • Video description
    • Video thumbnail
    • Upload date