Commit f95a0738 authored by Jonas Heinrich's avatar Jonas Heinrich

always display player controls if video is not running

parent 53c16e60
......@@ -80,7 +80,7 @@ button {
width: 100%; }
.vid-wrapper .vid-toggle-layer, .vid-wrapper .vid-shadow-layer {
position: absolute;
bottom: 0;
bottom: 4px;
left: 0;
width: 100%;
height: 100%;
......@@ -138,27 +138,8 @@ button {
background: -webkit-linear-gradient(top, transparent 50%, #000000 90%);
background: linear-gradient(to bottom, transparent 50%, #000000 90%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#000000',GradientType=0 );
transition: all 550ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
.vid-wrapper .vid-quality-selector {
position: absolute;
top: 40%;
right: 30px;
z-index: 3;
flex-direction: column;
border-radius: 5px;
overflow: hidden;
opacity: 0;
visibility: hidden;
transition: all 550ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
.vid-wrapper .vid-quality-selector button {
background-color: rgba(34, 34, 34, 0.5);
padding: 13px 20px;
font-weight: 700;
font-size: 16px;
color: white; }
.vid-wrapper .vid-quality-selector button.active {
background-color: white;
color: #222; }
transition: all 550ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.vid-wrapper .vid-controls-contents {
width: 90%;
margin: 0 auto; }
......
......@@ -249,7 +249,10 @@ if (typeof Object.create !== "function") {
toggleControls : function() {
var base = this;
$('.vid-wrapper').removeClass('mouse-entered');
var isPlaying = media.currentTime > 0 && !media.paused && !media.ended && media.readyState > 2;
if (isPlaying){
$('.vid-wrapper').removeClass('mouse-entered');
};
},
isFullscreen : function () {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment