Accessible Search Form           Advanced Search

 
Skip left side navigation and go to content

YouTube Embed Player

For mandated policies and standards regarding how to use NHLBI videos and the YouTube embed code, 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 external link. You must:
    • Use the YouTube embed code, ensuring that "Enable privacy-enhanced mode" is checked and "Show suggested videos when the video finishes" is unchecked
    • Use the SBA.gov 508-compliant wrap
    • Include captions as described below
  • Videos must meet Section 508 compliance to make information accessible to persons with disabilities. For accessibility standards, email the NHLBI Web Manager.
  • If for some reason your video cannot be posted using the YouTube embed code, you must use the Standard Video Player.

YouTube Embed Player

In accordance with federal guidelines (OMB 12-23) all videos on the NHLBI's YouTube channel must also be posted on the NHLBI's public website. Videos added to the NHLBI's public website with YouTube players must meet the accessibility and privacy requirements detailed on the HHS YouTube guidance page.

Your video should be no more than ten minutes.

Well-known file formats that YouTube supports:

  • WebM files
  • .MPEG4, 3GPP and .Mov files
  • .Avi
  • .MPEGPS
  • .WMV
  • .FLV

In order to make the video 508 compliant, it must be captioned. See the example below. You may also visit the Google help pageexternal link for instructions on how to create captions on YouTube.

HHS and OMS YouTube standards require all youtube embeds to check the "Enable privacy enhanced mode" box and uncheck the "Include related videos" box before grabbing the code. Reference HHS YouTube Guidance for Embedding a YouTube video for more information.


Demonstration

The default embedded YouTube video player sizes are:

  • For 4:3 videos the embedded player will be 480x385 pixels.
  • For 16:9 videos the embedded player will be 640x385 pixels.

Example


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>


Embed Code for the Demo

<object width="480" height="390"><param name="movie" value="http://www.youtube-nocookie.com/v/FMFoE2ZntRE?fs=1&amp;hl=en_US&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube-nocookie.com/v/FMFoE2ZntRE?fs=1&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="390"></embed></object>



Last Updated April 5, 2012



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