From 9e5dce5c14ce74f504c3fcd4467e77a3dc6a5b7d Mon Sep 17 00:00:00 2001 From: Steve Heffernan Date: Tue, 18 Feb 2014 13:43:40 -0800 Subject: [PATCH] Release 4.4.0 --- CHANGELOG.md | 7 +- dist/video-js/.DS_Store | Bin 0 -> 6148 bytes dist/video-js/demo.captions.vtt | 41 + dist/video-js/demo.html | 31 + dist/video-js/font/.DS_Store | Bin 0 -> 6148 bytes dist/video-js/font/vjs.eot | Bin 0 -> 3536 bytes dist/video-js/font/vjs.svg | 65 + dist/video-js/font/vjs.ttf | Bin 0 -> 3372 bytes dist/video-js/font/vjs.woff | Bin 0 -> 4228 bytes dist/video-js/video-js.css | 766 +++ dist/video-js/video-js.min.css | 5 + dist/video-js/video-js.swf | Bin 0 -> 16803 bytes dist/video-js/video.dev.js | 7320 +++++++++++++++++++++++++ dist/video-js/video.js | 137 + docs/api/vjs.BigPlayButton.md | 94 +- docs/api/vjs.Button.md | 94 +- docs/api/vjs.CaptionsButton.md | 92 +- docs/api/vjs.CaptionsTrack.md | 80 +- docs/api/vjs.ChaptersButton.md | 92 +- docs/api/vjs.ChaptersTrack.md | 80 +- docs/api/vjs.ChaptersTrackMenuItem.md | 92 +- docs/api/vjs.Component.md | 94 +- docs/api/vjs.ControlBar.md | 94 +- docs/api/vjs.CurrentTimeDisplay.md | 94 +- docs/api/vjs.DurationDisplay.md | 94 +- docs/api/vjs.Flash.md | 109 +- docs/api/vjs.FullscreenToggle.md | 94 +- docs/api/vjs.Html5.md | 109 +- docs/api/vjs.LoadProgressBar.md | 98 +- docs/api/vjs.LoadingSpinner.md | 94 +- docs/api/vjs.MediaLoader.md | 94 +- docs/api/vjs.MediaTechController.md | 109 +- docs/api/vjs.Menu.md | 92 +- docs/api/vjs.MenuButton.md | 92 +- docs/api/vjs.MenuItem.md | 92 +- docs/api/vjs.MuteToggle.md | 94 +- docs/api/vjs.OffTextTrackMenuItem.md | 92 +- docs/api/vjs.PlayProgressBar.md | 98 +- docs/api/vjs.PlayToggle.md | 94 +- docs/api/vjs.Player.md | 175 +- docs/api/vjs.PosterImage.md | 94 +- docs/api/vjs.ProgressControl.md | 94 +- docs/api/vjs.RemainingTimeDisplay.md | 98 +- docs/api/vjs.SeekBar.md | 94 +- docs/api/vjs.SeekHandle.md | 96 +- docs/api/vjs.Slider.md | 94 +- docs/api/vjs.SliderHandle.md | 92 +- docs/api/vjs.SubtitlesButton.md | 92 +- docs/api/vjs.SubtitlesTrack.md | 80 +- docs/api/vjs.TextTrack.md | 80 +- docs/api/vjs.TextTrackButton.md | 92 +- docs/api/vjs.TextTrackDisplay.md | 94 +- docs/api/vjs.TextTrackMenuItem.md | 92 +- docs/api/vjs.TimeDivider.md | 98 +- docs/api/vjs.VolumeBar.md | 94 +- docs/api/vjs.VolumeControl.md | 94 +- docs/api/vjs.VolumeHandle.md | 92 +- docs/api/vjs.VolumeLevel.md | 94 +- docs/api/vjs.VolumeMenuButton.md | 92 +- docs/api/vjs.md | 3 + docs/api/vjs.media.md | 2 +- package.json | 2 +- 62 files changed, 11013 insertions(+), 1658 deletions(-) create mode 100644 dist/video-js/.DS_Store create mode 100644 dist/video-js/demo.captions.vtt create mode 100644 dist/video-js/demo.html create mode 100644 dist/video-js/font/.DS_Store create mode 100644 dist/video-js/font/vjs.eot create mode 100644 dist/video-js/font/vjs.svg create mode 100644 dist/video-js/font/vjs.ttf create mode 100644 dist/video-js/font/vjs.woff create mode 100644 dist/video-js/video-js.css create mode 100644 dist/video-js/video-js.min.css create mode 100644 dist/video-js/video-js.swf create mode 100644 dist/video-js/video.dev.js create mode 100644 dist/video-js/video.js diff --git a/CHANGELOG.md b/CHANGELOG.md index 3839d68066..30f0cd84ca 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,6 +2,11 @@ CHANGELOG ========= ## HEAD (Unreleased) +_(none)_ + +-------------------- + +## 4.5.0 (2014-02-18) * Made the poster updateable after initialization ([view](https://github.com/videojs/video.js/pull/838)) * Exported more textTrack functions ([view](https://github.com/videojs/video.js/pull/815)) * Moved player ID generation to support video tags with no IDs ([view](https://github.com/videojs/video.js/pull/845)) @@ -24,8 +29,6 @@ CHANGELOG * Updated the seek handle to contain the current time ([view](https://github.com/videojs/video.js/pull/902)) * Added requirejs and browserify support (UMD) ([view](https://github.com/videojs/video.js/pull/998)) --------------------- - ## 4.3.0 (2013-11-04) * Added Karma for cross-browser unit testing ([view](https://github.com/videojs/video.js/pull/714)) * Unmuting when the volume is changed ([view](https://github.com/videojs/video.js/pull/720)) diff --git a/dist/video-js/.DS_Store b/dist/video-js/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..2f9ea8eb7051922c72dc98e4854a041d1ec58f42 GIT binary patch literal 6148 zcmeH~&r8EF6vq=+wett`BJ3DE59x3?1rMc6@F;Y!gA;A3xO`U`xUnibZHw;VaalH- zcGG#a_x2A?&j;aS`Se_AjvO$nvTL-K7cf4z@eoY2RA%=uR>#+Iq(p!S5CI}U1nR@V z-X<1AfCvzQZv^o2D4?QxMk}rAUI`6epV4ojVgVc95~#wcXSC7^9w=O=g6dRmo)}!G z!?-YUp3zFHPG?-L4D*&FXMtHZcZ;f#A)sU-qLV3|NecO5+c&)_Gs@{zxsLOmit z1pXNTZuNt{51TS)>yPc>Su3F4K*fS_6&g^$Ub+N82meP}%BlSVZHV)XR$6fu99QX} ObP-TMs38KsK;Q!-Y)7L2 literal 0 HcmV?d00001 diff --git a/dist/video-js/demo.captions.vtt b/dist/video-js/demo.captions.vtt new file mode 100644 index 0000000000..e598be1982 --- /dev/null +++ b/dist/video-js/demo.captions.vtt @@ -0,0 +1,41 @@ +WEBVTT + +00:00.700 --> 00:04.110 +Captions describe all relevant audio for the hearing impaired. +[ Heroic music playing for a seagull ] + +00:04.500 --> 00:05.000 +[ Splash!!! ] + +00:05.100 --> 00:06.000 +[ Sploosh!!! ] + +00:08.000 --> 00:09.225 +[ Splash...splash...splash splash splash ] + +00:10.525 --> 00:11.255 +[ Splash, Sploosh again ] + +00:13.500 --> 00:14.984 +Dolphin: eeeEEEEEeeee! + +00:14.984 --> 00:16.984 +Dolphin: Squawk! eeeEEE? + +00:25.000 --> 00:28.284 +[ A whole ton of splashes ] + +00:29.500 --> 00:31.000 +Mine. Mine. Mine. + +00:34.300 --> 00:36.000 +Shark: Chomp + +00:36.800 --> 00:37.900 +Shark: CHOMP!!! + +00:37.861 --> 00:41.193 +EEEEEEOOOOOOOOOOWHALENOISE + +00:42.593 --> 00:45.611 +[ BIG SPLASH ] \ No newline at end of file diff --git a/dist/video-js/demo.html b/dist/video-js/demo.html new file mode 100644 index 0000000000..b2b3fa44d6 --- /dev/null +++ b/dist/video-js/demo.html @@ -0,0 +1,31 @@ + + + + Video.js | HTML5 Video Player + + + + + + + + + + + + + + + + + diff --git a/dist/video-js/font/.DS_Store b/dist/video-js/font/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..5008ddfcf53c02e82d7eee2e57c38e5672ef89f6 GIT binary patch literal 6148 zcmeH~Jr2S!425mzP>H1@V-^m;4Wg<&0T*E43hX&L&p$$qDprKhvt+--jT7}7np#A3 zem<@ulZcFPQ@L2!n>{z**++&mCkOWA81W14cNZlEfg7;MkzE(HCqgga^y>{tEnwC%0;vJ&^%eQ zLs35+`xjp>T07&-6@G7*4%9TWN`70-_Maz<`Mv22Hu8^ilEh&~IEBY~H z8MR%YQqbg(z$tUP(b^h&N&O#yL37;An9iw6L5VhQc9DVxPbT<9_-98L@4)WAX%QF}M_}X8#A%Bi~ zWq#(;#d;l{sO2vD8|Ig;o*(?N5hIe{A@bZ^n439Q`|L;mMBgrIaRCa~9|(P{LGE5y zUcci11(zZ3KptLNeQ8F0!)Idr66F5nnJX9REIot%LCDdSndP~YpTGNaqNYvgUcb0{ zX?-P>{Rif6LI19`HmvVX=PPfX^?v&cYPR$6(W^HwCy`C-yV4Gu5F4B{!4>|^`YxrU zn?yB|b}Ua~$X;o&Gyyt|QKAUPZ0X8EL}96g-y%0P@RNKV@+pUYL5Jwo{a6sjV!QWB z<^1S5Dw}jq#9&eiv2|}+F$oKM1z_G6k|mdg?m>-O{IrN1x-x}@6^cE@w8djXK}8Ka zD_etvRYP_GKG;xeH{ifj&B#4MR#8kcyY~3VzkT)yd;LTj`7zcFv?v(c2oKHF0%WP= zrFMi56p0B$;k{sO(QfxT_v`*&d6nYy7%k8T?BO84!SC>wk|qsGE7IR&pFA#4$?IaX z>ZSw?h%~lwOac(utXW$kA+J%c@;0)j5czX$2~o@2+vfH*Z`U??v$hFKdrwWSA{XQ@ z1_N!HC(VgM?!!h^ZM<5k@NXL3YHe0^H(ss6UgU+i0(&oY;y}jre5sgE>iJ?e6x0-X zp9c>6Ri&#-QT@um!1Io~Wv^d}OhpvGx1s+h{XDYYxj-B7uPxsZ!X0wZyZ)%z)-+Wy z3`NzHp`jPQX67<_jO&I1v+}L7{)jkSA`U6$#F3`Qzd4deM)oI6IWi(5o1A>%8=~~X zYNR?MqMW=tssGP0Gfme`-Ub%1i!66C(>4-q)~Rmg7;AEFF_|J%q^E$GSX+!!oYa$g zBCdE8m6a|I1@Tub6-&ptC&h`lC!hs$*+#Q1kl_~m9zlC);oKYX_E_|qp&p8ifDJyGch{Fh+CXCLm#j}?{$ z&;{Vd?H#Vy*~A_xKyL{9kfbz~Xo#p?3ucRXJsvzjJ&wFbbw`#C=&O2O*YmSI1zj)X z{D=Mi!xL6}V_%yH_lCp0wwGXbzdZ(ne_8(G|t}_{N;R|Fr_l?-U2sCkfU%G`) zoK2T#N+DaBECqQHes6Ep{=7Ibu{gocZQR-ziW{@nXN~v}n_|-2L3B(k{%m98Ryl55 zpPjvK#LIAuwfgE`;%@s4_uvQ-uqbdUFzQh}AseT_D1cflWdYDaUUVoPEJqkRU5=rm z0mUH?-1YW!r&3wt`FO0ojaiS!`})$UGm)sTNoH>K=h`FDqrH87r;i-*dYNNgNA#ZF z-to@Es>;4rx0!n(k!WvcP9_oq1DVWJEZPP)J+au)L!JIs=}d2=%j;u~MG`d29wMk7bPcrt!_e*F~(--^$Zmu2p%v zTD9`IhaC&MY-3lpu`7`U*NTN*Hf`|Mb}UgW1h0fGu^JS{+4VWR1ishdW$LDD4)22g zro+4OUHjPK#k=EQKry=-p;6(@<|XhQ4lmO<9>TWX1^v4Y@5ZC~R}Sxi{?5T?_SA)Q zbE{9_y?x-ZJvldjd1(f(?lJ4By>8JpJjdrKN?GgK9mSVEdcdEpGjLN6;BlTon?-9- z4vtn=*2h-Y=I5f>R3`dZ)R`HaQ5-Nb1KErLs{`-&2jM;B + + + +This is a custom SVG font generated by IcoMoon. + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/dist/video-js/font/vjs.ttf b/dist/video-js/font/vjs.ttf new file mode 100644 index 0000000000000000000000000000000000000000..eb2463791823ded2c3f9b1321e9fa3a331e8a5eb GIT binary patch literal 3372 zcmds4O>7&-6@G7*fn;iIyc-9T2d@aR`g@Y zGHSa(rJ~6pfm;+g2my>Dyd*%202X}dA5gI9p$G~jZDAlmqZWH~(ThDih#6;9iJ0w$ia`Noc7v6k#0SX_qq0{3NlQc#iqPBaGBhNgS z%A|g~KS0FKL!NzkZT`~lU;A?f@~3#NF3n%QRIkGmwcW*d)6(j-3&Y?td=}=fLLOY3zj}$z z(X$vIh8$U+Ut2u&>DxagYT1GA^-CLZG?v=< zC*-Ck{sv!weA=O((Ghx8OmHJl2Ti2=pp`F7oTrjS_XsgqltgU3J9bRM;vhu&xsYtR zByjniKNvi$`+wzCiqR9a zOz*LW1N;WR#h**MG%T%4f0cdmlsqeMiDcC+2^bJ%?BJ*bAhK1nQzD_R5w3CtRa1zx zY)4!?rAo!BRJc;x;howJEE_qsxQbekRtWezbWe)o`Rx16s@i<5T;^XjyVcr)>TbSP zg}tZ?aT)er>c)YL8M$I1moRdLOfaA;@*xi#(p06VM^QCpXy^sU-I`ZZ!n0vT^EM5B ze~`xyJGar!zqEaa33tfD-i^ntwyCR%X)3C&jE=ta1uK^@V%{(nn3ZmqjK{>`5_^=Q zP8=zE^2;N6Y-E4HlH=ndvYD9|za&ZxR^!!i5#`L?8RLJBnQ5+WaRpdF7Fq6QrV0ve z)v0dR7<+PVF`2?tpr?VDXh)QjoG=nbJf?UQm6aY22JkBs3&j!cOL9Es@#}$XrcjJ~ z;<0=#n+XJ?U#ymH-G5fv;1;js4Sn#JkXQCLGdFuB-_biCcKg`dQu~{0IFlL~DGUy~ zC)|<2;~l!hS=R|OH9A@tIN_djIXdh9eRiE5)1_9wzeUzhPJR8PCb#O6q_@i2*tz_Z z&zwAU=4<)Xbh*p_UxE$IL%1gmJ1hyH3&4xpJ5;Z;g&ZkBZxDG%P>PB)O4O+bGKHKG z3p_+Uj(k83N0uJaSB;!uXx}wB6r4)W<{pp-}&nzsK+I;a>}T<2(62 zO!dXXm)G~o;=SMi7OC-_l-r3z<(RJfnCqlhEnC0sA_pZxEx1_cY z9#NE@vuSbR3uHO>jmTdZnph(*y}~EXrb~3iU_+TG26zR2@9ft8xH3JxGR@C#-`*aL znF}`-%-ASfV$nMR3{0>5czgSHDQ4bSSh!)vN^p$5`s$zKZu=Pb;5ZSmC~zt;>QOww z22O!d0JTue0HFDt7*IUejxcnF979D1ih~}w>+kDLCNt&>v1n%pvk{9845X50!x3ML z%-pVJJHwIV{R0DMjve!QnWH_&jK2QGW(g(g8Pp z(dh9b-CDbJwm;nC^)bi7;e_#(vMPse80oX)JxYL-Ua_MyXz?~Z>0#q4T^MuoQqFM;oJc$uas z?eH$>-*$L61?U$J?}7dkd;?vi^R!4C^b|dZPu+{>7dM^)GXvccU7=N)r%i~9OIKFs z!A!z(owjVc35!LFP==CNErK_Fk%k4jpsoDTj_Xs5#-#Nk{L(9wlQ?3ht^9liK2XzX8D O(EG1%n1UYuukdfbdl*On literal 0 HcmV?d00001 diff --git a/dist/video-js/font/vjs.woff b/dist/video-js/font/vjs.woff new file mode 100644 index 0000000000000000000000000000000000000000..c3f0f1d80718ac2a16e2daeaf82ce59ed76a3f06 GIT binary patch literal 4228 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 +*/ +.vjs-default-skin { + color: #cccccc; +} +/* Custom Icon Font +-------------------------------------------------------------------------------- +The control icons are from a custom font. Each icon corresponds to a character +(e.g. "\e001"). Font icons allow for easy scaling and coloring of icons. +*/ +@font-face { + font-family: 'VideoJS'; + src: url('font/vjs.eot'); + src: url('font/vjs.eot?#iefix') format('embedded-opentype'), url('font/vjs.woff') format('woff'), url('font/vjs.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} +/* Base UI Component Classes +-------------------------------------------------------------------------------- +*/ +/* Slider - used for Volume bar and Seek bar */ +.vjs-default-skin .vjs-slider { + /* Replace browser focus hightlight with handle highlight */ + outline: 0; + position: relative; + cursor: pointer; + padding: 0; + /* background-color-with-alpha */ + background-color: #333333; + background-color: rgba(51, 51, 51, 0.9); +} +.vjs-default-skin .vjs-slider:focus { + /* box-shadow */ + -webkit-box-shadow: 0 0 2em #ffffff; + -moz-box-shadow: 0 0 2em #ffffff; + box-shadow: 0 0 2em #ffffff; +} +.vjs-default-skin .vjs-slider-handle { + position: absolute; + /* Needed for IE6 */ + left: 0; + top: 0; +} +.vjs-default-skin .vjs-slider-handle:before { + content: "\e009"; + font-family: VideoJS; + font-size: 1em; + line-height: 1; + text-align: center; + text-shadow: 0em 0em 1em #fff; + position: absolute; + top: 0; + left: 0; + /* Rotate the square icon to make a diamond */ + /* transform */ + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} +/* Control Bar +-------------------------------------------------------------------------------- +The default control bar that is a container for most of the controls. +*/ +.vjs-default-skin .vjs-control-bar { + /* Start hidden */ + display: none; + position: absolute; + /* Place control bar at the bottom of the player box/video. + If you want more margin below the control bar, add more height. */ + bottom: 0; + /* Use left/right to stretch to 100% width of player div */ + left: 0; + right: 0; + /* Height includes any margin you want above or below control items */ + height: 3.0em; + /* background-color-with-alpha */ + background-color: #07141e; + background-color: rgba(7, 20, 30, 0.7); +} +/* Show the control bar only once the video has started playing */ +.vjs-default-skin.vjs-has-started .vjs-control-bar { + display: block; + /* Visibility needed to make sure things hide in older browsers too. */ + + visibility: visible; + opacity: 1; + /* transition */ + -webkit-transition: visibility 0.1s, opacity 0.1s; + -moz-transition: visibility 0.1s, opacity 0.1s; + -o-transition: visibility 0.1s, opacity 0.1s; + transition: visibility 0.1s, opacity 0.1s; +} +/* Hide the control bar when the video is playing and the user is inactive */ +.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { + display: block; + visibility: hidden; + opacity: 0; + /* transition */ + -webkit-transition: visibility 1s, opacity 1s; + -moz-transition: visibility 1s, opacity 1s; + -o-transition: visibility 1s, opacity 1s; + transition: visibility 1s, opacity 1s; +} +.vjs-default-skin.vjs-controls-disabled .vjs-control-bar { + display: none; +} +.vjs-default-skin.vjs-using-native-controls .vjs-control-bar { + display: none; +} +/* IE8 is flakey with fonts, and you have to change the actual content to force +fonts to show/hide properly. + - "\9" IE8 hack didn't work for this + - Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9 +*/ +@media \0screen { + .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before { + content: ""; + } +} +/* General styles for individual controls. */ +.vjs-default-skin .vjs-control { + outline: none; + position: relative; + float: left; + text-align: center; + margin: 0; + padding: 0; + height: 3.0em; + width: 4em; +} +/* FontAwsome button icons */ +.vjs-default-skin .vjs-control:before { + font-family: VideoJS; + font-size: 1.5em; + line-height: 2; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + text-align: center; + text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); +} +/* Replacement for focus outline */ +.vjs-default-skin .vjs-control:focus:before, +.vjs-default-skin .vjs-control:hover:before { + text-shadow: 0em 0em 1em #ffffff; +} +.vjs-default-skin .vjs-control:focus { + /* outline: 0; */ + /* keyboard-only users cannot see the focus on several of the UI elements when + this is set to 0 */ + +} +/* Hide control text visually, but have it available for screenreaders */ +.vjs-default-skin .vjs-control-text { + /* hide-visually */ + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} +/* Play/Pause +-------------------------------------------------------------------------------- +*/ +.vjs-default-skin .vjs-play-control { + width: 5em; + cursor: pointer; +} +.vjs-default-skin .vjs-play-control:before { + content: "\e001"; +} +.vjs-default-skin.vjs-playing .vjs-play-control:before { + content: "\e002"; +} +/* Volume/Mute +-------------------------------------------------------------------------------- */ +.vjs-default-skin .vjs-mute-control, +.vjs-default-skin .vjs-volume-menu-button { + cursor: pointer; + float: right; +} +.vjs-default-skin .vjs-mute-control:before, +.vjs-default-skin .vjs-volume-menu-button:before { + content: "\e006"; +} +.vjs-default-skin .vjs-mute-control.vjs-vol-0:before, +.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before { + content: "\e003"; +} +.vjs-default-skin .vjs-mute-control.vjs-vol-1:before, +.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before { + content: "\e004"; +} +.vjs-default-skin .vjs-mute-control.vjs-vol-2:before, +.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before { + content: "\e005"; +} +.vjs-default-skin .vjs-volume-control { + width: 5em; + float: right; +} +.vjs-default-skin .vjs-volume-bar { + width: 5em; + height: 0.6em; + margin: 1.1em auto 0; +} +.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content { + height: 2.9em; +} +.vjs-default-skin .vjs-volume-level { + position: absolute; + top: 0; + left: 0; + height: 0.5em; + background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat; +} +.vjs-default-skin .vjs-volume-bar .vjs-volume-handle { + width: 0.5em; + height: 0.5em; +} +.vjs-default-skin .vjs-volume-handle:before { + font-size: 0.9em; + top: -0.2em; + left: -0.2em; + width: 1em; + height: 1em; +} +.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content { + width: 6em; + left: -4em; +} +/* Progress +-------------------------------------------------------------------------------- +*/ +.vjs-default-skin .vjs-progress-control { + position: absolute; + left: 0; + right: 0; + width: auto; + font-size: 0.3em; + height: 1em; + /* Set above the rest of the controls. */ + top: -1em; + /* Shrink the bar slower than it grows. */ + /* transition */ + -webkit-transition: all 0.4s; + -moz-transition: all 0.4s; + -o-transition: all 0.4s; + transition: all 0.4s; +} +/* On hover, make the progress bar grow to something that's more clickable. + This simply changes the overall font for the progress bar, and this + updates both the em-based widths and heights, as wells as the icon font */ +.vjs-default-skin:hover .vjs-progress-control { + font-size: .9em; + /* Even though we're not changing the top/height, we need to include them in + the transition so they're handled correctly. */ + + /* transition */ + -webkit-transition: all 0.2s; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + transition: all 0.2s; +} +/* Box containing play and load progresses. Also acts as seek scrubber. */ +.vjs-default-skin .vjs-progress-holder { + height: 100%; +} +/* Progress Bars */ +.vjs-default-skin .vjs-progress-holder .vjs-play-progress, +.vjs-default-skin .vjs-progress-holder .vjs-load-progress { + position: absolute; + display: block; + height: 100%; + margin: 0; + padding: 0; + /* Needed for IE6 */ + left: 0; + top: 0; +} +.vjs-default-skin .vjs-play-progress { + /* + Using a data URI to create the white diagonal lines with a transparent + background. Surprisingly works in IE8. + Created using http://www.patternify.com + Changing the first color value will change the bar color. + Also using a paralax effect to make the lines move backwards. + The -50% left position makes that happen. + */ + + background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat; +} +.vjs-default-skin .vjs-load-progress { + background: #646464 /* IE8- Fallback */; + background: rgba(255, 255, 255, 0.4); +} +.vjs-default-skin .vjs-seek-handle { + width: 1.5em; + height: 100%; +} +.vjs-default-skin .vjs-seek-handle:before { + padding-top: 0.1em /* Minor adjustment */; +} +/* Time Display +-------------------------------------------------------------------------------- +*/ +.vjs-default-skin .vjs-time-controls { + font-size: 1em; + /* Align vertically by making the line height the same as the control bar */ + line-height: 3em; +} +.vjs-default-skin .vjs-current-time { + float: left; +} +.vjs-default-skin .vjs-duration { + float: left; +} +/* Remaining time is in the HTML, but not included in default design */ +.vjs-default-skin .vjs-remaining-time { + display: none; + float: left; +} +.vjs-time-divider { + float: left; + line-height: 3em; +} +/* Fullscreen +-------------------------------------------------------------------------------- +*/ +.vjs-default-skin .vjs-fullscreen-control { + width: 3.8em; + cursor: pointer; + float: right; +} +.vjs-default-skin .vjs-fullscreen-control:before { + content: "\e000"; +} +/* Switch to the exit icon when the player is in fullscreen */ +.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before { + content: "\e00b"; +} +/* Big Play Button (play button at start) +-------------------------------------------------------------------------------- +Positioning of the play button in the center or other corners can be done more +easily in the skin designer. http://designer.videojs.com/ +*/ +.vjs-default-skin .vjs-big-play-button { + left: 0.5em; + top: 0.5em; + font-size: 3em; + display: block; + z-index: 2; + position: absolute; + width: 4em; + height: 2.6em; + text-align: center; + vertical-align: middle; + cursor: pointer; + opacity: 1; + /* Need a slightly gray bg so it can be seen on black backgrounds */ + /* background-color-with-alpha */ + background-color: #07141e; + background-color: rgba(7, 20, 30, 0.7); + border: 0.1em solid #3b4249; + /* border-radius */ + -webkit-border-radius: 0.8em; + -moz-border-radius: 0.8em; + border-radius: 0.8em; + /* box-shadow */ + -webkit-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25); + -moz-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25); + box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25); + /* transition */ + -webkit-transition: all 0.4s; + -moz-transition: all 0.4s; + -o-transition: all 0.4s; + transition: all 0.4s; +} +/* Optionally center */ +.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button { + /* Center it horizontally */ + left: 50%; + margin-left: -2.1em; + /* Center it vertically */ + top: 50%; + margin-top: -1.4000000000000001em; +} +/* Hide if controls are disabled */ +.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button { + display: none; +} +/* Hide when video starts playing */ +.vjs-default-skin.vjs-has-started .vjs-big-play-button { + display: none; +} +/* Hide on mobile devices. Remove when we stop using native controls + by default on mobile */ +.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button { + display: none; +} +.vjs-default-skin:hover .vjs-big-play-button, +.vjs-default-skin .vjs-big-play-button:focus { + outline: 0; + border-color: #fff; + /* IE8 needs a non-glow hover state */ + background-color: #505050; + background-color: rgba(50, 50, 50, 0.75); + /* box-shadow */ + -webkit-box-shadow: 0 0 3em #ffffff; + -moz-box-shadow: 0 0 3em #ffffff; + box-shadow: 0 0 3em #ffffff; + /* transition */ + -webkit-transition: all 0s; + -moz-transition: all 0s; + -o-transition: all 0s; + transition: all 0s; +} +.vjs-default-skin .vjs-big-play-button:before { + content: "\e001"; + font-family: VideoJS; + /* In order to center the play icon vertically we need to set the line height + to the same as the button height */ + + line-height: 2.6em; + text-shadow: 0.05em 0.05em 0.1em #000; + text-align: center /* Needed for IE8 */; + position: absolute; + left: 0; + width: 100%; + height: 100%; +} +/* Loading Spinner +-------------------------------------------------------------------------------- +*/ +.vjs-loading-spinner { + display: none; + position: absolute; + top: 50%; + left: 50%; + font-size: 4em; + line-height: 1; + width: 1em; + height: 1em; + margin-left: -0.5em; + margin-top: -0.5em; + opacity: 0.75; + /* animation */ + -webkit-animation: spin 1.5s infinite linear; + -moz-animation: spin 1.5s infinite linear; + -o-animation: spin 1.5s infinite linear; + animation: spin 1.5s infinite linear; +} +.vjs-default-skin .vjs-loading-spinner:before { + content: "\e01e"; + font-family: VideoJS; + position: absolute; + top: 0; + left: 0; + width: 1em; + height: 1em; + text-align: center; + text-shadow: 0em 0em 0.1em #000; +} +@-moz-keyframes spin { + 0% { + -moz-transform: rotate(0deg); + } + 100% { + -moz-transform: rotate(359deg); + } +} +@-webkit-keyframes spin { + 0% { + -webkit-transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + } +} +@-o-keyframes spin { + 0% { + -o-transform: rotate(0deg); + } + 100% { + -o-transform: rotate(359deg); + } +} +@keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(359deg); + } +} +/* Menu Buttons (Captions/Subtitles/etc.) +-------------------------------------------------------------------------------- +*/ +.vjs-default-skin .vjs-menu-button { + float: right; + cursor: pointer; +} +.vjs-default-skin .vjs-menu { + display: none; + position: absolute; + bottom: 0; + left: 0em; + /* (Width of vjs-menu - width of button) / 2 */ + + width: 0em; + height: 0em; + margin-bottom: 3em; + border-left: 2em solid transparent; + border-right: 2em solid transparent; + border-top: 1.55em solid #000000; + /* Same width top as ul bottom */ + + border-top-color: rgba(7, 40, 50, 0.5); + /* Same as ul background */ + +} +/* Button Pop-up Menu */ +.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content { + display: block; + padding: 0; + margin: 0; + position: absolute; + width: 10em; + bottom: 1.5em; + /* Same bottom as vjs-menu border-top */ + + max-height: 15em; + overflow: auto; + left: -5em; + /* Width of menu - width of button / 2 */ + + /* background-color-with-alpha */ + background-color: #07141e; + background-color: rgba(7, 20, 30, 0.7); + /* box-shadow */ + -webkit-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2); + -moz-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2); + box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2); +} +.vjs-default-skin .vjs-menu-button:hover .vjs-menu { + display: block; +} +.vjs-default-skin .vjs-menu-button ul li { + list-style: none; + margin: 0; + padding: 0.3em 0 0.3em 0; + line-height: 1.4em; + font-size: 1.2em; + text-align: center; + text-transform: lowercase; +} +.vjs-default-skin .vjs-menu-button ul li.vjs-selected { + background-color: #000; +} +.vjs-default-skin .vjs-menu-button ul li:focus, +.vjs-default-skin .vjs-menu-button ul li:hover, +.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus, +.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover { + outline: 0; + color: #111; + /* background-color-with-alpha */ + background-color: #ffffff; + background-color: rgba(255, 255, 255, 0.75); + /* box-shadow */ + -webkit-box-shadow: 0 0 1em #ffffff; + -moz-box-shadow: 0 0 1em #ffffff; + box-shadow: 0 0 1em #ffffff; +} +.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title { + text-align: center; + text-transform: uppercase; + font-size: 1em; + line-height: 2em; + padding: 0; + margin: 0 0 0.3em 0; + font-weight: bold; + cursor: default; +} +/* Subtitles Button */ +.vjs-default-skin .vjs-subtitles-button:before { + content: "\e00c"; +} +/* Captions Button */ +.vjs-default-skin .vjs-captions-button:before { + content: "\e008"; +} +/* Replacement for focus outline */ +.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before, +.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before { + /* box-shadow */ + -webkit-box-shadow: 0 0 1em #ffffff; + -moz-box-shadow: 0 0 1em #ffffff; + box-shadow: 0 0 1em #ffffff; +} +/* +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.*/ + + /* Provide some basic defaults for fonts */ + + font-weight: normal; + font-style: normal; + /* Avoiding helvetica: issue #376 */ + + font-family: Arial, sans-serif; + /* Turn off user selection (text highlighting) by default. + The majority of player components will not be text blocks. + Text areas will need to turn user selection back on. */ + + /* user-select */ + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +/* Playback technology elements expand to the width/height of the containing div +