Skip left side navigation and go to content

Standard Video Player

For mandated policies and standards regarding how to use NHLBI videos, please email the NHLBI Web Manager.


Using Videos on NHLBI Digital Properties

  • The preferred method of posting videos to the NHLBI website is to embed from the NHLBI YouTube channel. If for some reason your video cannot be posted using the YouTube embed code, you must use the Standard Video Player as described below.
  • All videos posted on the NHLBI website must meet Section 508 compliance to make information accessible to persons with disabilities. This includes the use of captions as described below. For accessibility standards, email the NHLBI Web Manager.

Standard Video Player

The NHLBI standard video player supports multiple platforms. Videos played on Internet Explorer, Firefox, and Safari are displayed with CCforPlayerAS3 technology sponsored by NCAMexternal link icon. Information on how to embed the CCforPlayerAS3 video playerexternal link icon is available on NCAM's website.

The CCforPlayerAS3 is a Flash-based media player and has passed NHLBI's 508 compliant test. In addition to caption, the player has the following features:

  • Screen-reader and keyboard accessible controls
  • Keyboard-accessible volume and scrub controls
  • Customizable controls
  • Captions can be searched to jump to key points in the media
  • Shortcut keys for all controls that are listed in instructions window
  • Multi-language subtitling option
  • Can be embedded in other Flash projects
  • Fullscreen video
  • Plays any size video

Videos embedded the standard player can also be viewed on iPhone/iPad. Check the demonstration below on how to enable video display on iPhone/iPad.


Demonstration

This demonstration shows a video in the standard video player. The player dimensions are 480 pixels wide by 370 pixels high with captions on. The example video is displayed in a widescreen of size 480 pixels wide by 270 pixels high. The caption is stored in an external file. The standard video player recognizes caption files in DFXP format. The demo video can be played on iPhone/iPad as well.

All videos posted on NHLBI website via the standard video player must use the standard layout.

Example

Note: Screen reader users should disregard the embedded instructions in the player and use this short instruction guide.

Director Dr. Francis Collins sings about the future of personalized medicine to attendees of the NHLBI's 11th annual Public Interest Organization Meeting on May 24, 2010.


Captions for the Demo

<?xml version="1.0" encoding="UTF-8"?>
<tt xml:lang="en" xmlns="http://www.w3.org/2006/04/ttaf1" xmlns:tts="http://www.w3.org/2006/04/ttaf1#styling">
<head>
<styling>
<style id="b1" tts:fontWeight="normal" tts:color="#cccc00" tts:fontSize="12px"/>
</styling>
</head>

<body>
<div xml:lang="en" style="b1">
<p begin="00:00:14" end="00:00:28">Susan is to blame for this because she suggested that you all were of the sort that might actually adjust to a little bit of foolish singing at the end and that's the only kind of singing I do. So, good thing for you.</p>

<p begin="00:00:28" end="00:00:39">This is a song about the future for personalized medicine. Remember I said that thousand dollar genome is coming pretty soon?</p>

<p begin="00:00:39" end="00:00:58">That means each of you will have the chance, maybe in the next five or six years, to have your entire genome read out, all six billion of those letters of your DNA code, and then you'll have to figure it out what it means,</p>

<p begin="00:00:58" end="00:01:05">...and that's a bit of a challenge. A few people have already gone through this experience and they've been a little flummoxed trying to make sense of the data. Well we will all be.</p>

<p begin="00:01:05" end="00:01:20">So this is a song that if you can imagine yourself having just received your genome. Basically you're sitting in front of your computer, you're sort of scrolling through the pages and what do you see?</p>

<p begin="00:01:20" end="00:01:30">A lot of A, C, G, and T, in various orders and trying to figure out exactly 'What does this mean?' So this is your song.</p>

<p begin="00:01:30" end="00:01:40">
And I need a little bit of help on one part of this song because it goes up to a high C sharp and that's a little outside my normal range.</p>

<p begin="00:01:40" end="00:01:53">You will feel it coming and you will help me, I sure hope anyway. You'll know what you have to do. So here's the song of looking at your genome.</p>

<p begin="00:01:53" end="00:02:21">As I walk along the pages, In all six billion places, Upon my computer screen. Am I built for strong endurance? Or loss of life insurance? Am I a mere machine?</p>

<p begin="00:02:21" end="00:02:55">I'm a walking through the genes, Don't know what all this means, Oh what can the meaning be behind that G and T? And I wonder, I wa wa wa wa wonder, why why why why why why, you've got an A and I've got a C there,</p>

<p begin="00:02:55" end="00:03:18">What does that say? Amazing DNA a D-D-D-D DNA </p>

<p begin="00:03:18" end="00:03:35">So I'm glad to know I've got some, Of what Crick and Watson, Found and brought them fame. Use your own imagination, Despite variation, We're really much the same.</p>

<p begin="00:03:35" end="00:03:58"> I'm a walking through the genes, don't know what all this means, Oh what can the meaning be behind that G and T? And I wonder, (help me) I wa wa wa wa wonder, why why why why why why, </p>

<p begin="00:03:58" end="00:04:20">you've got an G and I've got a C there. What does that say? Amazing DNA a D-D-D-D DNA, A D-D-D-D DNA, A D-D-D-D DNA</p>

</div>
</body>
</tt>


How to prepare a video for the standard player embed

Before embed videos with the standard player, follow the steps below to prepare the videos and caption files:

  • Check the video format
    The NHLBI standard player supports videos in .flv format and .mp4 format (for iPhone). If videos are not in these formats, they must be converted to .flv and .mp4 media first.

  • Create the caption file for the video
    The NHLBI standard player recognizes external caption file in the following format: If you are familiar with DFXP formats, you can use a text editor to create the caption content yourself. However, it is extremely important that you use an editor that saves your file with UTF-8 encoding or some of your characters may not be displayed properly. Here is the sample caption file used by the demo video page.

Required layout for the standard player embed

Standard layout for video embed



Last Updated April 5, 2012



Skip footer links and go to content
Twitter iconTwitterExternal link Disclaimer         Facebook iconFacebookimage of external link icon         YouTube iconYouTubeimage of external link icon         Google+ iconGoogle+image of external link icon