ProximaEntertainment/plyr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Feature detection for captions and fullscreen

Browse Source
This commit is contained in:
Sam Potts
2015-02-15 14:05:15 +11:00
parent 0102e990ef
commit 21c20614d5
4 changed files with 54 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
assets/less/simple-media.less
View File

@ -127,7 +127,7 @@
text-align: center;
.font-smoothing();
}
&.captions &-captions {
&.captions-active &-captions {
display: block;
}
@ -229,17 +229,18 @@
border: none;
background: @progress-bg;
cursor: pointer;
color: @progress-value-bg;
&::-webkit-progress-bar {
background: @progress-bg;
}
// The value
// Inherit from currentColor;
&::-webkit-progress-value {
background: @progress-value-bg;
background: currentColor;
}
&::-moz-progress-bar {
background: @progress-value-bg;
background: currentColor;
}
}
}
@ -351,6 +352,20 @@
}
}
}
// Some options are hidden by default
[data-player='captions'],
[data-player='captions'] + label,
[data-player='fullscreen'],
[data-player='fullscreen'] + label {
display: none;
}
&.captions-enabled [data-player='captions'],
&.captions-enabled [data-player='captions'] + label,
&.fullscreen-enabled [data-player='fullscreen'],
&.fullscreen-enabled [data-player='fullscreen'] + label {
display: inline-block;
}
}
// Fixing display for IE10+