Video Player

The Video Player content item displays videos in an embedded video player. Users can configure the content item to play a video automatically, hide the embedded video player's controls, and define the height and width of the video when displayed in a content record.

Viewing a Video Player content item example

In the content item configuration options, users can specify the URL to the video source. Videos can be linked from Vimeo, Twitch.tv and YouTube. The YouTube URL should link to a single YouTube video (Public or Unlisted). Private videos are allowed, but viewers must sign in to YouTube in order to view the video.

Videos should be uploaded to $/Common/Uploaded files, which can be accessed by going to RiSE > Page Builder > Manage files. These videos must be MP4s.

Uploaded videos can be configured with additional settings: Poster, Captions, Captions language and Captions label.

Note: Disable the Hide video player controls option to allow viewers to start and stop the video, control the volume, and turn captions on or off.

Video Player configuration options

  • Name - Enter a name for the content item. This text appears during design mode (configuration).
  • Title - Enter the text to display above this content item on the rendered page. If blank, no title displays.
  • Do not render in design mode - Select this option to prevent content record data from being loaded in the content editor. This improves performance during design time (configuration).
  • Display a border around this content - Enable this option to display a border around this content item on the rendered page.
  • Video source - Enter the URL of your desired video. The following video sources are supported:
    • YouTube - Specify the URL of the YouTube video you want to play. Most regular YouTube URLs will work, but if you experience URL validation errors try simplifying the URL to the format http://www.youtube.com/watch?v=ELEVENCHARS.
    • Twitch.tv: Link to a specific video or channel:
      • Use channel links for live streaming video
      • Use video links for VOD videos
    • Vimeo
  • Display type (available only after a Video source is selected) - Select a Display type to show the video within a video player or as a cinemagraph (video background):
    • Within a video player – Content displays as a video with configurable controls.
      • Play video automatically - Enable this option to play the video automatically when the page is loaded.
      • Hide video player controls - Enable this option to hide the video controls. The video can be started and stopped by clicking in the video window.
      • Make responsive - Enable this option to make the video adaptable to different screen widths.
      • Width - Specify the width of the video player in pixels. The valid range is from 200 - 3840.
      • Height - Specify the height of the video player in pixels. The valid range is from 200 - 2160.
      • Poster (applies to videos from the document system only) - Select the image for the video poster frame, which shows before the video starts playing.
      • Captions (applies to videos from the document system only) – Select the captions file to be used with your video. This is used for closed captioning and can also be used for translations.
        The file type must be VTT (web video text track).
      • Captions language (applies to videos from the document system only) – Specify the captions language using a two-character sub tag that denotes the related language and geographical region. For example, en-US.
      • Captions label (applies to videos from the document system only) – Specify the text for the captions label in this field. In support browsers, such as Edge, this will display as the name of the captions option.
    • As a cinemagraph – Video is displayed in a loop without controls or volume.

      Note: This feature does not work with the Safari browser due to browser restrictions that limit certain content from being displayed.

      • Restrict height – This value determines the height of the video. It is recommended that for a full-width desktop video, a value between 400-500 pixels is used.
      • Image filter - Select a filter from the drop-down to display over the video.

        • Note: Some filters will not work on all browsers. For example, the blur filter will not display on Internet Explorer.

      • Poster - Select the image for the video poster frame, which shows before the video starts playing.
      • Cinemagraph content – Use the editor to add content that displays over the video.

Notes

  • This content item supports only individual YouTube videos. Channels and playlists are not supported.
  • The privacy setting of the YouTube video should be set to Public or Unlisted. Private videos are allowed, but the user must sign in to YouTube before the video will play.
  • This content item uses applications that are external to iMIS.