Prepping videos

  • Formatting: Use .mp4, .avi, mpg, etc. .mov is not an accepted format
  • Naming: all lower case and easily identifiable (following standards for all media library item). Examples: brand-spot-needles or medicare-testimonial

Loading videos

Follow these steps:

  1. Go to the Videos folder in the Media Library. Select an existing subfolder or create a new one.
  2. Right click on the folder and select "Upload file."
  3. Navigate to the folder where the video is located and select the file.
  4. It will start loading. You'll see ~(Started) next to the file to indicate it's loading to Azure Media Services (AMS).
  5. To track progress, collapse and expand the parent item. Different statuses are: ~(Uploaded), ~(Ready).

When the video ready, you'll see a child item appear with a little goldfish icon. THAT is the file that contains the AMS asset that plays on the site. You'll need to do two things in that item so the video is ready to use:

  • Make sure the link to the video has an "https." (Like this: https://prodmediaaccount.streaming.mediaservices.windows.net/bd01b33b-88bb-4c9c-b07d-bfed896e27f3/brand-spot-needles.ism/manifest.
  • In the poster field, add an image to be the thumbnail for this video. Most thumbnails are stored here: media library/graphics/video thumbnails. 

Placing videos in content

Featured media component

  1. In the video field, click "insert media link." 
  2. Go to Priority Health > Videos and parent item of the video you'd like to load. This has a paper icon and has the item name in all lower case. (You don't want the one with the goldfish icon.)
  3. If there isn't a thumbnail included in the "poster" field, you'll have to load a separate video thumbnail image in the Media Library (Images > Video thumbnails) to place in the component.

Video in rich text field component

There are two ways to do it:

Inline video

  1. In the WYSIWYG, click the token manager (green squares next to heading field).
  2. Click "all videos."
  3. Click "video token." (There is ONE generic video token through which we place any video on any page.)
  4. In the window that pops up, use the Media Library content tree to pick a video file (parent item - think paper icon).
  5. Click "autoplay" if you want the video to start playing when a visitor hits the page. Leave blank if you don't.
  6. Click "Submit"
  7. The token will appear in the text as a green box. Save your changes and click preview to play the video.

Modal

  1. In the WYSIWYG, click the token manager (green squares next to heading field).
  2. Click "all videos."
  3. Click "video modal token." (There is ONE generic video modal token through which we place any video on any page.)
  4. Use the Media Library content tree to pick a video file (parent item - think paper icon).
  5. Choose a thumbnail image. NOTE: Not recommended. There will not be a play button the thumbnail, so a user will not know to click the image.
  6. Fill in the modal text and modal title fields.
  7. Click "Submit."
  8. The token will appear in the text as a green box. Save your changes and click preview to play the video.

After you click submit, you'll see a green box in the WYSIWYG that indicates the video token. If you preview the page, the video will appear. 

Video carousel component

Go to instructions for using this component.