Skip to content

Commit

Permalink
prepared v0.3 release
Browse files Browse the repository at this point in the history 
Added videojs 5.0.2. Release needs to be browser tested and properly rebuilt.
  • Loading branch information
@moay
moay committed Oct 26, 2015
1 parent 4fa05e5 commit f7c5ea3
Show file tree
Hide file tree
Showing 10 changed files with 561 additions and 173 deletions.
12 changes: 1 addition & 11 deletions README.md
View file
@@ -1,4 +1,4 @@
[![GitHub version](https://badge.fury.io/gh/moay%2Fafterglow.svg)](http://badge.fury.io/gh/moay%2Fafterglow) [![Build status](https://travis-ci.org/moay/afterglow.svg)](https://travis-ci.org/moay/afterglow) [![Coverage Status](https://coveralls.io/repos/moay/afterglow/badge.svg?branch=v0.3&service=github)](https://coveralls.io/github/moay/afterglow?branch=v0.3)
[![GitHub version](https://badge.fury.io/gh/moay%2Fafterglow.svg)](http://badge.fury.io/gh/moay%2Fafterglow) [![Build status](https://travis-ci.org/moay/afterglow.svg)](https://travis-ci.org/moay/afterglow) [![Coverage Status](https://coveralls.io/repos/moay/afterglow/badge.svg?branch=master&service=github)](https://coveralls.io/github/moay/afterglow?branch=master)


# afterglow
Expand All @@ -7,16 +7,6 @@ afterglow is a tool to create fully responsive and totally awesome video players

Learn more about the project on the project website: [http://afterglowplayer.com](http://afterglowplayer.com).

# Don't use this branch!

This branch is under heavy development. The builds should be mostly working, but there is no point in using an unstable branch. Except if you want to, of course.

## Build status

Green is good (means: all unit tests are passing). Red is bad (means: think before you use it). Gray is nothing (means: test are running right now, come back in a second).

The build status isn't reliable yet, as there is a major refactoring going on.

## Documentation

There is a full documentation available here: [docs.afterglowplayer.com](http://docs.afterglowplayer.com).
Expand Down
20 changes: 10 additions & 10 deletions dist/afterglow.min.js
View file

Large diffs are not rendered by default.

Binary file modified dist/afterglow.zip
View file
Binary file not shown.
17 changes: 16 additions & 1 deletion sandbox/index.html
View file
Expand Up @@ -39,16 +39,31 @@ <h2>Local video, single source, with poster</h2>
<video id="video2" class="afterglow" width="1920" height="1080" poster="http://afterglowplayer.com/sandbox/video/Snapshots/afterglow_local.jpg" data-autoresize="fit" preload="none" src="http://afterglowplayer.com/sandbox/video/MP4/afterglow_local.mp4"></video>

<!-- LOCAL TEST -->
<h2>Local video with poster and resolution test</h2>
<h2>Local video with poster and resolution test, dark skin</h2>
<video id="video-subtitles" class="sublime" width="640" height="360" poster="http://afterglowplayer.com/sandbox/video/Snapshots/afterglow_local.jpg" data-volume="0.7" data-autoresize="fit" data-skin="dark">
<source src="http://afterglowplayer.com/sandbox/video/MP4/afterglow_local_hd.mp4" type="video/mp4" data-quality="hd" />
<source src="http://afterglowplayer.com/sandbox/video/MP4/afterglow_local.mp4" type="video/mp4"/>
<source src="http://afterglowplayer.com/sandbox/video/WEBM/afterglow_local_hd.webm" type="video/webm" data-quality="hd" />
<source src="http://afterglowplayer.com/sandbox/video/WEBM/afterglow_local.webm" type="video/webm" />
<source src="http://afterglowplayer.com/sandbox/video/OGV/afterglow_local_hd.ogv" type="video/ogv" data-quality="hd" />
<source src="http://afterglowplayer.com/sandbox/video/OGV/afterglow_local.ogv" type="video/ogv" />

<track kind="subtitles" src="text/subtitles-demo.vtt" srclang="en" label="English">
</video>

<h2>Local video with poster and resolution test light skin</h2>
<video id="video-subtitles" class="sublime" width="640" height="360" poster="http://afterglowplayer.com/sandbox/video/Snapshots/afterglow_local.jpg" data-volume="0.7" data-autoresize="fit" data-skin="light">
<source src="http://afterglowplayer.com/sandbox/video/MP4/afterglow_local_hd.mp4" type="video/mp4" data-quality="hd" />
<source src="http://afterglowplayer.com/sandbox/video/MP4/afterglow_local.mp4" type="video/mp4"/>
<source src="http://afterglowplayer.com/sandbox/video/WEBM/afterglow_local_hd.webm" type="video/webm" data-quality="hd" />
<source src="http://afterglowplayer.com/sandbox/video/WEBM/afterglow_local.webm" type="video/webm" />
<source src="http://afterglowplayer.com/sandbox/video/OGV/afterglow_local_hd.ogv" type="video/ogv" data-quality="hd" />
<source src="http://afterglowplayer.com/sandbox/video/OGV/afterglow_local.ogv" type="video/ogv" />

<track kind="subtitles" src="text/subtitles-demo.vtt" srclang="en" label="English" default>
</video>


<!-- LIGHTBOX TEST -->
<!-- LOCAL TEST -->
<h2>Local video with poster opened in lightbox</h2>
Expand Down
20 changes: 20 additions & 0 deletions sandbox/releasetest.html
View file
Expand Up @@ -29,13 +29,33 @@ <h2>Local video with poster</h2>
<source src="http://afterglowplayer.com/sandbox/video/MP4/afterglow_local_hd.mp4" type="video/mp4" data-quality="hd" />
<source src="http://afterglowplayer.com/sandbox/video/WEBM/afterglow_local.webm" type="video/webm" />
</video>
<video id="video2dark" class="afterglow" width="1920" height="1080" poster="http://afterglowplayer.com/sandbox/video/Snapshots/afterglow_local.jpg" data-autoresize="fit" data-skin="dark">
<source src="http://afterglowplayer.com/sandbox/video/MP4/afterglow_local.mp4" type="video/mp4" />
<source src="http://afterglowplayer.com/sandbox/video/MP4/afterglow_local_hd.mp4" type="video/mp4" data-quality="hd" />
<source src="http://afterglowplayer.com/sandbox/video/WEBM/afterglow_local.webm" type="video/webm" />
</video>
<video id="video2light" class="afterglow" width="1920" height="1080" poster="http://afterglowplayer.com/sandbox/video/Snapshots/afterglow_local.jpg" data-autoresize="fit" data-skin="light">
<source src="http://afterglowplayer.com/sandbox/video/MP4/afterglow_local.mp4" type="video/mp4" />
<source src="http://afterglowplayer.com/sandbox/video/MP4/afterglow_local_hd.mp4" type="video/mp4" data-quality="hd" />
<source src="http://afterglowplayer.com/sandbox/video/WEBM/afterglow_local.webm" type="video/webm" />
</video>

<h2>Local video with poster opened in lightbox</h2>
<a href="#video3" class="afterglow">Open the lightbox</a>
<video id="video3" width="640" height="360" poster="http://afterglowplayer.com/sandbox/video/Snapshots/afterglow_local.jpg" data-autoresize="fit" preload="none">
<source src="http://afterglowplayer.com/sandbox/video/MP4/afterglow_local.mp4" type="video/mp4" />
<source src="http://afterglowplayer.com/sandbox/video/WEBM/afterglow_local.webm" type="video/webm" />
</video>
<a href="#video3dark" class="afterglow">Open the lightbox (dark)</a>
<video id="video3dark" width="640" height="360" poster="http://afterglowplayer.com/sandbox/video/Snapshots/afterglow_local.jpg" data-autoresize="fit" data-skin="dark">
<source src="http://afterglowplayer.com/sandbox/video/MP4/afterglow_local.mp4" type="video/mp4" />
<source src="http://afterglowplayer.com/sandbox/video/WEBM/afterglow_local.webm" type="video/webm" />
</video>
<a href="#video3light" class="afterglow">Open the lightbox (light)</a>
<video id="video3light" width="640" height="360" poster="http://afterglowplayer.com/sandbox/video/Snapshots/afterglow_local.jpg" data-autoresize="fit" data-skin="light">
<source src="http://afterglowplayer.com/sandbox/video/MP4/afterglow_local.mp4" type="video/mp4" />
<source src="http://afterglowplayer.com/sandbox/video/WEBM/afterglow_local.webm" type="video/webm" />
</video>

<!-- LIGHTBOX TEST -->
<!-- LOCAL TEST -->
Expand Down
64 changes: 64 additions & 0 deletions src/less/skins/afterglow-dark.less
View file
Expand Up @@ -6,11 +6,23 @@
bottom:0;
height:51px;

@media(max-width:768px){
height:42px;
}

@media(max-width:512px){
height:34px;
}

.vjs-progress-control{
top:-5px;
background-color:#000;
background-color:rgba(0,0,0,0.7);

@media(max-width:768px){
background-color:rgba(0,0,0,1);
}

&:hover{
top:-7px;
}
Expand All @@ -26,20 +38,45 @@
}
}
}
.vjs-play-control:before{
@media(max-width:512px){
font-size:11px;
}
}

.vjs-current-time, .vjs-duration{
margin-top:12px;

@media(max-width:768px){
margin-top:11px;
}

@media(max-width:512px){
margin-top:9px;
}
}
.vjs-current-time{
margin-left:20px;

@media(max-width:512px){
margin-left:14px;
}
}
.vjs-duration{
margin-right:20px;

@media(max-width:512px){
margin-right:10px;
}
}

.vjs-volume-menu-button .vjs-menu,
.vjs-volume-menu-button.vjs-volume-menu-button-horizontal .vjs-menu{
padding-top:22px;

@media(max-width:512px){
padding-top:14pxpx;
}
}
}

Expand All @@ -53,6 +90,11 @@
right:20px;
top:16px;

@media(max-width:768px){
top:14px;
right:16px;
}

.vjs-button{
background-color:#000;
background-color:rgba(0,0,0,0.7);
Expand All @@ -63,10 +105,32 @@
-webkit-border-radius: 50px;
margin-left:7px;

@media(max-width:768px){
width:28px;
height:28px;
}

@media(max-width:512px){
width:24px;
height:24px;
}

&:before{
margin-top:-1px;
font-size:15px;
line-height:16px;

@media(max-width:768px){
font-size:14px;
line-height: 15px;
margin-top:-2px;
}

@media(max-width:512px){
font-size:12px;
line-height: 13px;
margin-top:0px;
}
}
}
}
Expand Down
11 changes: 6 additions & 5 deletions src/less/skins/afterglow-default.less
View file
Expand Up @@ -1034,7 +1034,7 @@
display: none;
position: relative;
bottom: auto;
left: auto; /* (Width of vjs-menu - width of button) / 2 */
left: -50px; /* (Width of vjs-menu - width of button) / 2 */
width: 0;
height: 0;
margin-bottom: 0;
Expand All @@ -1050,18 +1050,18 @@
width: 100px;
max-height: none;
overflow: auto;
left: 28px;
left: 12px;
font-family: 'Open Sans', Helvetica Light, Helvetica, sans-serif;
background: transparent;

@media(max-width:768px){
left:24px;
left:12px;
bottom:-40px;
padding-bottom: 60px;
}

@media(max-width:512px){
left:23px;
left:11px;
bottom:-30px;
padding-bottom: 50px;
}
Expand Down Expand Up @@ -1089,7 +1089,8 @@
&.vjs-selected {
text-shadow: 0 0 5px rgba(255, 255, 255, .6);
opacity:1;
background:transparent
background:transparent;
color:#fff;
}

&:hover,
Expand Down

0 comments on commit f7c5ea3

Please sign in to comment.