Media Player

Basic Info

The Media Player component allows you to insert audio or video media directly into your page from a variety of sources including the DAM, NYU Stream, Vimeo, and YouTube.

Example

YOUTUBE MEDIA
uSF5juK5NqQ

Tutorial

  1. Navigate to and open your page.
  2. Add the Media Player component.
  3. A new Media Player component without content will appear on the page as a placeholder.
  4. To edit the component, click Edit on the component toolbar.
  5. An edit window will appear so you can customize your media content.
  6. In the Details tab, insert the appropriate URL for your audio or video content:
    1. Insert an audio file or video from the DAM; or
    2. Insert an NYU Stream video; or
    3. Insert a Vimeo video; or
    4. Insert a YouTube video.
  7. Click OK.

^ Back to top

Insert Media from the DAM

  1. Click the magnifying glass icon to bring up the Select Path window.
  2. Navigate to the audio file or video from your DAM folder you want to insert.
  3. Click once on the media file to highlight it and then click OK to insert the URL path.
  4. Insert an optional video captions file:
    1. In the Captions Path field, click the magnifying glass icon.
    2. In the Select Path window, navigate to the appropriate .XML captions file for the video in your DAM folder. The captions file should already be uploaded and activated.
    3. Click once on the captions file to highlight it and then click OK to insert the URL path. 
  5. Insert a thumbnail image:
    1. Click on the Image tab.
    2. Locate the image from the left-hand side DAM asset tray.
    3. Drag and drop it into the specified spot within the edit window.
  6. Click OK.

Example of a Video from the DAM

This content requires the Macromedia Flash Player. Get Flash Player
DAM MEDIA
/content/dam/nyu/univEvents/videos/commencement/2012-Commencement-Highlights.flv

Insert an NYU Stream Video

  1. Log into your NYU Stream account from the upper right-hand corner.
  2. Navigate to your videos by clicking your NetID and selecting My Media.
  3. Locate and click the video you want to share on your page.
  4. Click the Share button underneath the video you want to insert.
  5. Copy and paste the URL for the video into the media path field.
  6. Click OK.
  7. Learn more about NYU Stream.

Example of an NYU Stream Video

STREAM MEDIA
1_8g3w59if

Insert a Vimeo Video

  1. Click the Share button underneath the video from Vimeo you want to insert.
  2. Copy and paste the share link from Vimeo into the media path field.
  3. Click OK.
  4. Learn how to add captions to your video hosted via Vimeo.
  5. Learn how to change the default thumbnail for your video hosted via Vimeo.

Example of a Vimeo Video

VIMEO MEDIA
13155687

Insert a YouTube Video

  1. Click the Share button underneath the video from YouTube you want to insert.
  2. Copy and paste the share link from YouTube into the media path field.
  3. Click OK.
  4. Learn how to add captions to your video hosted via YouTube.
  5. Learn how to change the default thumbnail for your video hosted via YouTube.

Example of YouTube Video

YOUTUBE MEDIA
QnyhTZk5avo

Accessibility Info

Captions

  • All videos posted on the NYU website need to include captions. Captions should include both speech and non-speech audio information needed to understand the media content
  • NYU Stream and YouTube have free to use caption services. Don't forget to check and edit all captions for accuracy.
  • You can upload prepared captions for videos hosted in the DAM or Vimeo.

Audio Descriptions

  • Audio description and captioning are not always used together. If there is visual content that is not adequately described by the audio, then you should add an audio description.
  • Talking head videos typically won't need an audio description provided the audio sufficiently describes any additional visual content that may be included.
  • If the video includes a panel of speakers that are not identified in the audio prior to speaking, then an audio description is required.

Transcripts

  • A video transcript includes correctly sequenced text descriptions of any visual or auditory information. If a screenplay was used to create the video, it could work as a transcript provided it accurately represents the final video.
  • Talking head videos that provide sufficient audio description still require a small text alternative. This should appear below the video and include a general description of the context of the environment, any credits displayed on screen, any text appearing on screen that provide details about the speaker and other basic information. Keep in mind that if it only appears on the screen, then it can't be heard in the audio.

Learn more about multimedia and accessibility at NYU.

^ Back to top

Screenshots

Component Tutorial: Media Player

In the Video Path field you can select a video file from the DAM or insert the video's URL.

Component Tutorial: Media Player

For media from the DAM, you can select a thumbnail image to display. Insert an image as you normally would using the Image component.