New York University Skip to Content Skip to Search Skip to Navigation Skip to Sub Navigation

Video Player

The video component is used to display video within a Web page. This component will pull edited and encoded MP4 videos*, associated caption file, and assigned start image from the Digital Asset Management system to display in the video player. The component is also capable of pulling from YouTube.

When to use it?

The video player component should be used to insert topical video content into your pages.

Where to use it?

The video player component may be added to a 4-column, 3-column or 2-column area in a template.

* MP4 is the preferred file format to accommodate both desktop and mobile device playback.  M4V formatting will work but this file type is proprietary to Apple and may not be supported long-term.  FLV formatting will continue to be supported by NYU but should be avoided as it does not support playback on mobile devices.

How to use it?

  1. Navigate to and open the desired page.
  2. The component placeholder contains a video player. It appears with a down-arrow icon underneath a top border from which you can select various actions.
  3. Click on the Edit button in the top border to add your video content.

    Note:
    If you are using the Digtal Asset Management (DAM) system to host the video, before a video may be used in a page, it must be added to the (DAM) system.
  4. In the Video Properties tab:
    1. For DAM videos: Click the down arrow to select the video from the Digital Asset Manager (DAM). The "Select Path" window will open allowing you to navigate through the DAM to your videos. Highlight the video you wish to use. Click the OK button to finish.
    2. For YouTube videos: Copy and paste the share link from YouTube.com. Click the OK button to finish.
  5. For DAM Video Intro Image: Click the down arrow to select an image from the DAM to be the default image on display in the video player. The "Select Path" window will open allowing you to navigate through the DAM to your images. Highlight the image you wish to use. Click the OK button to finish.
  6. For DAM Video Captions Path: If you have prepared a .xml file to caption your video, you may choose it using this utility. Click the down arrow to choose the .xml caption file from the DAM. The "Select Path" window will open allowing you to navigate through the DAM to your caption files. Highlight the file you wish to use. Click the OK button to finish. If you haven't yet, learn to Install a Caption File.

    Note: If you want to have video on the nyu.edu site, it is recommended to provide closed captions for each video to help provide a complete viewing experience for all users. It is also recommended to make an HTML transcript and include a link under each video called "Read Video Transcript."
  7. Click the magnifying glass icon in the Sidekick to open the page in Preview mode to ensure that all additions are as expected from the end-user's perspective

Add the Video Player Component Screenshots

Video: Adding component

Select Video Path

DAM Video

Video: DAM Video Properties Tab

YouTube Video

YouTube Share Link

Install Caption File for DAM Video

Closed captioning (or subtitling) is the process of displaying text at the bottom of the video player to provide additional or interpretive information to any site viewer who wishes to access it.

Closed captions typically show a transcription of the audio portion of a video as it occurs (either verbatim or in edited form), sometimes including non-speech elements.  The XML file will need to be generated by the unit creating the video or by an outside captioning resource.

To install a caption file for DAM videos:

  1. Go to the Digital Asset Manager (DAM) console. It is the one with the camera symbol.
  2. Navigate to the folder where you would like to store your .xml file. This is generally the "documents" folder.
  3. Click "New File" at the top of the console.
  4. Upload the .xml file. If you have never added content to the DAM, please click here.
  5. Activate the file.
  6. Add the video component to the page on which you are working.
  7. In the Video Properties tab, click the down arrow next to the Captions Path field. It will allow you to choose the .xml caption file from the DAM. The "Select Path" window will open allowing you to navigate through the DAM to your caption files.
  8. Navigate to the folder where you stored your XML asset.
  9. Highlight the file you wish to use.
  10. Click the OK button to finish.

DAM Video Caption Screenshots

Digital Asset Management upload

To upload a caption file, simply click "New File" and choose your file from your desktop or the source where it lives.

caption path field

Click on the "Captions Path" to enter the DAM directory and choose your caption file.

caption navigation

Navigate to your caption file through the DAM. Click OK.

Component Tutorials

Still need help?

To report an issue with this component, please contact the IT Service Desk:


Video Player Examples

This content requires the Macromedia Flash Player. Get Flash Player

DAM Video

YouTube Video


Required Video Specs for DAM Videos

NYU CMS

Format: MPEG-4 (.mp4 - strongly recommended) or M4V (.m4v)
OverallBitRate: ~1200 Kbps

* Flash Video (.flv) files will still play in this component but are not optimized to play on mobile devices and should be replaced as soon as possible.

Video
Format: VP6 (or H.263)
BitRate: 1200 Kbps
Width: 576 pixel
Height: 324 pixel
DisplayAspectRatio: 16:9
FrameRate_Mode: CFR
Scan Type: Progressive
FrameRate: 29.970 fps

Audio
Format: MPEG Audio, (AAC or mp3 is acceptable)
Format_Version: Version 1
Format_Profile: Layer 3
BitRate_Mode: CBR
BitRate: 80.0 Kbps
Channel(s): 2 channel
SamplingRate: 44.1 KHz or greater
BitDepth: 16 bit

YouTube/iTunesU

Wish to see your videos in NYU's YouTube or iTunesU accounts? Contact Christopher James for assistance.

Ideally, these videos need to be H.264 codec and 100 to 300meg each, no bigger than 600meg. Their minimum frame size should be 640X360 (16:9) with matching pixel ratio.

Format: De-interlaced MP4, MOV, or M4V (H.264/AVC/MPEG-4 part 10)

Video Resources

A number of reputable free video conversion tools like Handbrake, as well as purchasable software, exist in the marketplace today and are easily found with a quick web search. 

NYU does not endorse a specific tool, but have found many of these common tools to be helpful.


Video Player Known Bugs

No Known bugs at this time.

Updated January 2013

NYU Footer