From 560e22e7d27d8c2642c076ed8c30703b00e00c41 Mon Sep 17 00:00:00 2001 From: Sacha De'Angeli Date: Mon, 12 Mar 2012 19:44:55 -0500 Subject: [PATCH] adding the video.js wrapper --- extlib/video-js/demo.html | 23 + extlib/video-js/video-js.css | 427 ++ extlib/video-js/video-js.min.css | 1 + extlib/video-js/video-js.png | Bin 0 -> 7460 bytes extlib/video-js/video-js.swf | Bin 0 -> 9612 bytes extlib/video-js/video.js | 3744 +++++++++++++++++ extlib/video-js/video.min.js | 21 + mediagoblin/static/js/extlib/video-js | 1 + .../mediagoblin/media_displays/video.html | 10 +- 9 files changed, 4225 insertions(+), 2 deletions(-) create mode 100644 extlib/video-js/demo.html create mode 100644 extlib/video-js/video-js.css create mode 100644 extlib/video-js/video-js.min.css create mode 100644 extlib/video-js/video-js.png create mode 100644 extlib/video-js/video-js.swf create mode 100644 extlib/video-js/video.js create mode 100644 extlib/video-js/video.min.js create mode 120000 mediagoblin/static/js/extlib/video-js diff --git a/extlib/video-js/demo.html b/extlib/video-js/demo.html new file mode 100644 index 00000000..a8393af0 --- /dev/null +++ b/extlib/video-js/demo.html @@ -0,0 +1,23 @@ + + + + Video.js | HTML5 Video Player + + + + + + + + + + + + + diff --git a/extlib/video-js/video-js.css b/extlib/video-js/video-js.css new file mode 100644 index 00000000..a1a18a00 --- /dev/null +++ b/extlib/video-js/video-js.css @@ -0,0 +1,427 @@ +/* +VideoJS Default Styles (http://videojs.com) +Version 3.1.0 +*/ + +/* +REQUIRED STYLES (be careful overriding) +================================================================================ */ +/* When loading the player, the video tag is replaced with a DIV, + that will hold the video tag or object tag for other playback methods. + The div contains the video playback element (Flash or HTML5) and controls, and sets the width and height of the video. + + ** If you want to add some kind of border/padding (e.g. a frame), or special positioning, use another containing element. + Otherwise you risk messing up control positioning and full window mode. ** +*/ +.video-js { + background-color: #000; position: relative; padding: 0; + + /* Start with 10px for base font size so other dimensions can be em based and easily calculable. */ + font-size: 10px; + + /* Allow poster to be vertially aligned. */ + vertical-align: middle; + /* display: table-cell; */ /*This works in Safari but not Firefox.*/ +} + +/* Playback technology elements expand to the width/height of the containing div.