Video.js youtube video

youtube html5-video video.js
Rémy DAVID picture Rémy DAVID · Jan 7, 2013 · Viewed 25.4k times · Source

I can't get youtube video to work with video.js

I added in the head :

<link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/c/video.js"></script>

Then in the body :

<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="360"
  data-setup='{"techOrder":["youtube","html5"],"ytcontrols":false}'>
<source src="http://www.youtube.com/watch?v=qWjzVHG9T1I" type='video/youtube' />

But I have a black div (tested in latest Chrome & FF). Am I missing something ?

Thanks

Answer

Cameron Tangney picture Cameron Tangney · Jul 11, 2013

The pull request referenced above was closed, and somebody else took it over and made it a plugin, available from the video.js plugins wiki

You'll need that (or a similar) plugin to play youtube videos. There's an example of this working for the latest API here: enabling youtube playback with video.js wrapper

Related questions

How do I get a YouTube video thumbnail from the YouTube API?

If I have a YouTube video URL, is there any way to use PHP and cURL to get the associated thumbnail from the YouTube API?

Read More
How to embed an autoplaying YouTube video in an iframe?

I am trying to embed the new iframe version of a YouTube video and get it to auto play. As far as I can tell, there is no way of doing this by amending flags to the URL. Is there …

Read More
How can I autoplay a video using the new embed code style for Youtube?

I can't work out how to autoplay a video using the new embed code style for Youtube. I tried adding &autoplay=1 to the url, which worked with the old style, but it didn't work. For example, http://www.youtube.…

Read More