Video Player

The video player rendering presents a video and, optionally, supplementary information about the video and its contents. This player is fully accessible.

What's Included In This Rendering?

Component overview

A: Video

Required.

The video can be displayed in two sizes, including large (640px X 360px) and small (480px X 270px). It will scale dynamically to the width of the display in small glass.

B: Controls

Required.

The controls appear below the video and allow the user to jump forward along the timeline, adjust audio settings, enable closed captioning, pause, play, etc. More information about video controls is available in videos.

  • Pause/Play button: allows the user to pause/play the video
  • Forward/ Rewind
  • AD (Audio Description) 
  • CC (Closed Captioning)
  • Volume controls (Mute, increase volume, reduce volume, volume indicator)

C: Title

Optional.

The title is an optional component that frames the video with either its title or a descriptor of the video type, depending on context. It can appear above or beside the video depending upon the selected layout. View headings and subheadings (link opens in new window) for more information on styling.

D: Content

Optional.

Content can include a variety of information, including subheadlines, body copy, and calls to action. It may appear below or beside the video depending upon the selected layout. For more information on styles and interactions, view body copy, subheadings and headings (link opens in new window), and buttons (link opens in new window) and links (link opens in new window).

E: Transcript

Recommended.

The transcript uses either the primary or tertiary expand & collapse (link opens in new window) style followed by a transcript icon (link opens in new window). This can only be excluded if there is a link provided elsewhere on the page or in the associated content (D) that provides a link to the video details page.

SAMPLE 1: Video with associated content below, large player (640px)

Medicare process

Loading the video player...

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

View Transcript

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

SAMPLE 2: Featured video with associated content to the left, small player (480px)

Featured video

Healthcare education

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Get the Most from Your Insurance
Loading the video player...
transcript

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

SAMPLE 3: Standalone player with video and controls only, large player (640px)
Loading the video player...