Video

Videos need to be hosted on either Brightcove, YouTube or SundaySky. Our content management system, AEM, pulls videos from these two services in order to display a video. Videos can either play on page or open in a modal.

When to use

  • For displaying any Brightcove or YouTube videos on uhc.com

When not to use

  • For video uploads -- that should be done within Brightcove or Youtube

Anatomy

  1. Title: required and should be concise and descriptive so users know what they are going to learn by watching the video
  2. Thumbnail: required but do not need to include a play button, Brightcove and YouTube automatically add a play button
  3. Video controls: these are the controls that come from Brightcove or Youtube -- closed captioning is required to be in vtt format
  4. Transcript: the transcript file is copy, that comes in either a word document or PDF, describing what a user actually visually sees on the screen, for example, "woman sits at kitchen table, looking at her laptop computer".


    NOTE: the transcript file is DIFFERENT than the closed captioning file and is copy describing what a user actually visually sees on the screen. Closed captioning is simply what you hear in the video.

Video specs

Video requirements

If a caption file and text transcript were not created during the video project, your team can still order the files from ISI Translation Services: contact Cherry Peng (cherry@isitrans.com). Your team will need to provide your GL code.
  • A caption file in VTT format
  • A text VDS Transcript in PDF format.
    • In VDS transcripts, ISI will include things like dialogue, descriptions of the action on screen, on-screen graphics, and pertinent sound effects, rather than just dialogue.

Video size recommendation

  • 16:9 video ratio
  • 4:3 video ratio
  • 1:1 video ratio

Video thumbnail size

  • 16:9 video ratio: 900 x 506px
  • 4:3 video ratio: 900 x 675px
  • 1:1 video ratio: 816 x 816px
  • Preferred file type: .jpg

Video thumbnail naming

When naming video thumbnails always use:

  • descriptor text using video title
  • image dimensions
  • separate words by dashes (not underscores)
  • full words
  • lowercase

File name examples

  • video-title-900x506.jpg

Demos & variations

Videos can be placed at varying sizes depending on the information hierarchy of the page content. Placing smaller videos does cause concern for usability issues in accessing user controls to make captions larger, there is on going work on how we may be able to pre-set larger captions for when we place smaller videos.

Video in a modal

Videos on page

100% wide in desktop

Best for 16:9 and 4:3 videos with caption size set to default 100%.

How virtual visits work

Extra extra large (XXL)

Best for 16:9 and 4:3 videos at 840px or 8 columns wide in desktop with caption size set to default 100%.

How virtual visits work

Extra large (XL)

Best for 16:9 and 4:3 videos at 732px or 7 columns wide in desktop with caption size set to default 100%.

How virtual visits work

Large (L)

Best for 16:9 and 4:3 videos at 624px or 6 columns wide in desktop with caption size set to default 100%.

How virtual visits work

Medium (M)

Best for 16:9, 4:3 and 1:1 videos at 516px or 5 columns wide in desktop with caption size set to 200%.

How virtual visits work

Square video

Small (S)

Best for 16:9, 4:3 and 1:1 videos at 408px or 4 columns wide in desktop with caption size set to 200%.

How virtual visits work

Square video

Extra small (XS)

Best for 1:1 videos at 300px or 3 columns wide in desktop with caption size set to 300%.

Square video

Tablet

Recommended that videos are either placed at 50% or 100% width and horizontally centered on the page.

Mobile

Videos should be at 100% width and horizontally centered.

Placement

Below are recommendations for how to place and align videos within a page.

Standalone

When a video is placed on it’s own line with no surrounding content it should be L, XL, XXL or 100% wide and horizontally centered.

How virtual visits work

Side-by-side with content on non-landing pages

When a video is placed side-by-side with content on a non-landing page it should be L, M or S and right-aligned to avoid trapped white space and keep a clean reading line on the left side. The video should be top aligned to the content.

Why do you need a primary care provider?

Some health plans require you to select a primary care provider (PCP), or sometimes called a primary care physician or doctor. Although some plans may not require you to choose a PCP, it’s a good idea to have one.

Sign in to view network providers for your plan

Select your plan to sign in

Your PCP can guide you through your care and build an in-depth knowledge of your health over time. When your doctor becomes familiar with your medical history, your habits and your personality, they are likely better positioned to guide you on the best path of care, monitor even the slightest changes in your health, and recognize red flags before they become serious issues.

Why you should have a primary care provider

Side-by-side with content on landing pages

When a video is placed side-by-side with content on a landing page it should be XXL, XL, L, M or S and vertically centered with the content. The video and can positioned to the left or right of the content as landing pages are slightly less content-dense and more flexible.

Meet Henry

Special Needs Initiative marks 5 years of helping families with complex care

A program is pairing families who are navigating a complex health journey with a personalized claims advisor. Hear why one mom calls it “a game changer.”

Related elements