From: Sacha De'Angeli Date: Tue, 13 Mar 2012 00:44:55 +0000 (-0500) Subject: adding the video.js wrapper X-Git-Url: https://vcs.fsf.org/?a=commitdiff_plain;h=560e22e7d27d8c2642c076ed8c30703b00e00c41;p=mediagoblin.git adding the video.js wrapper --- 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.