Permalink
Browse files

Added jhurliman's YouTube updates.

  • Loading branch information...
1 parent 9343610 commit d71b0858d4378beb604e0118cfec23b53866f545 @heff heff committed Aug 11, 2012
Showing with 1,710 additions and 677 deletions.
  1. +20 −0 build/release-files/youtube.html
  2. +44 −0 docs/tech.md
  3. +2 −677 src/tech.js
  4. +444 −0 src/tech/flash.js
  5. +228 −0 src/tech/html5.js
  6. +603 −0 src/tech/vimeo.js
  7. +369 −0 src/tech/youtube.js
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>Video.js | HTML5 Video Player | YouTube Demo</title>
+
+ <!-- Change URLs to wherever Video.js files will be hosted -->
+ <link href="video-js.css" rel="stylesheet" type="text/css">
+ <!-- video.js must be in the <head> for older IEs to work. -->
+ <script src="video.js"></script>
+
+</head>
+<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' />
+ </video>
+
+</body>
+</html>
View
@@ -44,3 +44,47 @@ timeupdate
progress
enterFullScreen
exitFullScreen
+
+Adding Playback Technology
+==================
+When adding additional Tech to a video player, make sure to add the supported tech to the video object.
+
+### Tag Method: ###
+ <video data-setup='{"techOrder", "html5", "flash", [other supported tech]}'
+
+### Object Method: ###
+ _V_("videoID", {
+ techOrder: {"html5", "flash", [other supported tech]}
+ });
+
+Youtube Technology
+==================
+To add a youtube source to your video tag, use the following source:
+
+ <source src="http://www.youtube.com/watch?v=[ytVideoId]" type="video/youtube"
+
+Important Note:
+------------------
+> You can simply copy and paste the url of the youtube page from the browser and
+> the Youtube Tech will be able to find the video id by itself. This is just the
+> minimum needed to get the video working. (Useful for data storage)
+
+
+Youtube Technology - Extra Options
+----------------------------------
+
+In Addition to the natively supported options, the Youtube API supports the following
+added options:
+
+### ytcontrols ###
+Type: Boolean (T/F)
+Default: False
+
+Determines whether to show Youtube's basic Red/Black default play bar skin or to hide
+it and use the native video-js play bar.
+
+### hd ###
+Type: Boolean (T/F)
+Default: False
+
+Determines whether or not to play back the video in HD.
Oops, something went wrong.

0 comments on commit d71b085

Please sign in to comment.