title: enabling youtube playback with video.js wrapper
body: <p>Okay SO I am trying to wrap/skin, a youtube video with the video.js project to enable a similar look and feel to other video's on my site. Now according to the docs which you can see <a href="https://github.com/videojs/video.js/blob/master/docs/tech.md#youtube-technology" rel="nofollow noreferrer">here</a> So with that I have a header set up that properly plays and skins the video tag for the example_video_1 as in the <a href="https://github.com/videojs/video.js/blob/master/docs/setup.md" rel="nofollow noreferrer">getting started section</a> However when trying to use a video with a youtube source I have a this html element: </p>
  
  <pre><code> &lt;video id="example_video_1" class="video-js vjs-default-skin"
     controls preload="auto" width="640" height="264"
    poster="http://ec2-54-227-116-247.compute-1.amazonaws.com/models/site-     templates/images/cover_img/ted_cover.jpg"
    data-setup='{"techOrder": ["youtube"]}'&gt;
    &lt;source src="http://www.youtube.com/watch?v=xYemnKEKx0c" type='video/youtube' /&gt;
    &lt;/video&gt;
  </code></pre>
  
  <p>Now tMy cover image is displayed however no play button that shows. Am I missing something in the docs? Or have I misunderstood the docs and the youtube is just an example and I still need to actually write an API wrapper to make this work and they have just showed this as an example how-to ? any help or insight would be greatly appreciated!</p>
  
  <p>This question has also been asked <a href="https://stackoverflow.com/questions/14194379/video-js-youtube-video?rq=1">here 6 months</a> ago prior to the release of video-js v4</p>