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

Volume fixes, iOS bug fixes

Browse Source
This commit is contained in:
Sam Potts 2016-04-27 22:47:03 +10:00
parent cb0b22574a
commit 2385291886
7 changed files with 36 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dist/plyr.css vendored
View File

File diff suppressed because one or more lines are too long

4
dist/plyr.js vendored
View File

File diff suppressed because one or more lines are too long

2
docs/dist/docs.css vendored
View File

File diff suppressed because one or more lines are too long

6
docs/src/less/components/examples.less
View File

@ -7,6 +7,12 @@ section {
max-width: @example-width-video; max-width: @example-width-video;
} }
// For non supported browsers
video {
max-width: 100%;
vertical-align: middle;
}
// Example players // Example players
.plyr { .plyr {
margin: 0 auto; margin: 0 auto;

15
src/js/plyr.js
View File

@ -1223,8 +1223,7 @@
plyr.progress.buffer.text = plyr.progress.buffer.bar && plyr.progress.buffer.bar.getElementsByTagName('span')[0]; plyr.progress.buffer.text = plyr.progress.buffer.bar && plyr.progress.buffer.bar.getElementsByTagName('span')[0];
// Progress - Played // Progress - Played
plyr.progress.played = {}; plyr.progress.played = _getElement(config.selectors.progress.played);
plyr.progress.played.bar = _getElement(config.selectors.progress.played);
// Seek tooltip // Seek tooltip
plyr.progress.tooltip = plyr.progress.container && plyr.progress.container.querySelector('.' + config.classes.tooltip); plyr.progress.tooltip = plyr.progress.container && plyr.progress.container.querySelector('.' + config.classes.tooltip);
@ -1723,8 +1722,8 @@
} }
// Update progress // Update progress
if(plyr.progress.played.bar) { if(plyr.progress && plyr.progress.played) {
plyr.progress.played.bar.value = ((100 / duration) * targetTime); plyr.progress.played.value = ((100 / duration) * targetTime);
} }
// Set the current time // Set the current time
@ -2015,7 +2014,7 @@
// Update <progress> elements // Update <progress> elements
function _updateProgress(event) { function _updateProgress(event) {
var progress = plyr.progress.played.bar, var progress = plyr.progress.played,
text = false, text = false,
value = 0, value = 0,
duration = _getDuration(); duration = _getDuration();
@ -2281,6 +2280,9 @@
if (plyr.buttons && plyr.buttons.seek) { if (plyr.buttons && plyr.buttons.seek) {
plyr.buttons.seek.value = 0; plyr.buttons.seek.value = 0;
} }
if (plyr.progress && plyr.progress.played) {
plyr.progress.played.value = 0;
}
// Clean up YouTube stuff // Clean up YouTube stuff
if (plyr.type === 'youtube') { if (plyr.type === 'youtube') {
@ -2772,6 +2774,9 @@
// Remove controls // Remove controls
_remove(_getElement(config.selectors.controls.wrapper)); _remove(_getElement(config.selectors.controls.wrapper));
// Remove large play
_remove(_getElement(config.selectors.buttons.play));
// Restore native controls // Restore native controls
_toggleNativeControls(true); _toggleNativeControls(true);

2
src/less/mixins.less
View File

@ -6,7 +6,7 @@
// <input type="range"> styling // <input type="range"> styling
.plyr-range-track() { .plyr-range-track() {
height: @plyr-range-track-height; height: @plyr-range-track-height;
background: currentColor; background: transparent;
border: 0; border: 0;
border-radius: (@plyr-range-track-height / 2); border-radius: (@plyr-range-track-height / 2);
user-select: none; user-select: none;

23
src/less/plyr.less
View File

@ -130,22 +130,14 @@
} }
// Video range inputs // Video range inputs
.plyr--video input[type='range'] { .plyr--video input[type='range'].tab-focus:focus {
color: @plyr-video-range-track-bg;
&.tab-focus:focus {
outline: 1px dotted fade(@plyr-video-control-color, 50%); outline: 1px dotted fade(@plyr-video-control-color, 50%);
} }
}
// Audio range inputs // Audio range inputs
.plyr--audio input[type='range'] { .plyr--audio input[type='range'].tab-focus:focus {
color: @plyr-audio-range-track-bg;
&.tab-focus:focus {
outline: 1px dotted fade(@plyr-audio-control-color, 50%); outline: 1px dotted fade(@plyr-audio-control-color, 50%);
} }
}
// Screen reader only elements // Screen reader only elements
.plyr__sr-only { .plyr__sr-only {
@ -572,13 +564,19 @@
transition: width .2s ease; transition: width .2s ease;
} }
} }
.plyr--video .plyr__progress--buffer[value],
.plyr--video .plyr__volume--display[value] {
background: @plyr-video-range-track-bg;
}
.plyr--video .plyr__progress--buffer[value] { .plyr--video .plyr__progress--buffer[value] {
color: @plyr-video-progress-buffered-bg; color: @plyr-video-progress-buffered-bg;
background: @plyr-video-range-track-bg; }
.plyr--audio .plyr__progress--buffer[value],
.plyr--audio .plyr__volume--display[value] {
background: @plyr-audio-range-track-bg;
} }
.plyr--audio .plyr__progress--buffer[value] { .plyr--audio .plyr__progress--buffer[value] {
color: @plyr-audio-progress-buffered-bg; color: @plyr-audio-progress-buffered-bg;
background: @plyr-audio-range-track-bg;
} }
// Loading state // Loading state
@ -624,7 +622,6 @@
position: relative; position: relative;
z-index: 2; z-index: 2;
} }
@media (min-width: @plyr-bp-screen-sm) { @media (min-width: @plyr-bp-screen-sm) {
display: block; display: block;
max-width: 60px; max-width: 60px;