YouTube Playback Technology
for Video.js 
YouTube playback technology for the Video.js player.
You can use bower (bower install videojs-youtube), npm (npm install videojs-youtube) or the source and build it using grunt. Then, the only file you need is dist/vjs.youtube.js.
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="https://vjs.zencdn.net/4.12/video-js.css" />
<script src="https://vjs.zencdn.net/4.12/video.js"></script>
<script src="vjs.youtube.js"></script>
</head>
<body>
<video id="vid1" src="" class="video-js vjs-default-skin" controls preload="auto" width="640" height="360" data-setup='{ "techOrder": ["youtube"], "src": "http://www.youtube.com/watch?v=xjS6SftYQaQ" }'>
</video>
</body>
</html>See the examples folder for more
Including the script vjs.youtube.js will add the YouTube as a tech. You just have to add it to your techOrder option. Then, you add the option src with your YouTube URL.
It supports:
- youtube.com as well as youtu.be
- Regular URLs: http://www.youtube.com/watch?v=xjS6SftYQaQ
- Embeded URLs: http://www.youtube.com/embed/xjS6SftYQaQ
- Playlist URLs: http://www.youtube.com/playlist?list=PLA60DCEB33156E51F OR http://www.youtube.com/watch?v=xjS6SftYQaQ&list=SPA60DCEB33156E51F
This plugin exposes the following additional player options:
ytcontrols(Boolean): Display the YouTube player controls instead of the Video.js player controls. (defaultfalse)ytFullScreenControls(Boolean): Show the fullscreen controls on the default youtube player controls. Also enables double click to fullscreen. (defaulttrue)quality(String): Set the default video quality. Should be one of1080p,720p,480p,360p,240p,144p.playsInline(Boolean): Sets theplaysinlineYouTube player parameter to enable inline playback on iOSforceHTML5(Boolean): Forces loading the YouTube HTML5 player (defaulttrue)
##Special Thank You Thanks to Steve Heffernan for the amazing Video.js and to John Hurliman for the original version of the YouTube tech