iOS bug fixes (fixes #213)

This commit is contained in:
Sam Potts
2016-05-14 08:56:59 +10:00
parent 448c070898
commit d2e9c61fd7
8 changed files with 49 additions and 15 deletions

View File

@ -1,6 +1,6 @@
// ==========================================================================
// Plyr
// plyr.js v1.6.6
// plyr.js v1.6.7
// https://github.com/selz/plyr
// License: The MIT License (MIT)
// ==========================================================================
@ -2162,6 +2162,10 @@
// Update <progress> elements
function _updateProgress(event) {
if (!plyr.supported.full) {
return;
}
var progress = plyr.progress.played,
value = 0,
duration = _getDuration();
@ -2209,9 +2213,18 @@
// Set <progress> value
function _setProgress(progress, value) {
if (!plyr.supported.full) {
return;
}
// Default to 0
if (typeof value === 'undefined') {
value = 0;
}
// Default to buffer
if (typeof progres === 'undefined') {
progress = plyr.progress.buffer;
}
// One progress element passed
if (progress instanceof HTMLElement) {
@ -2471,7 +2484,7 @@
_updateSeekDisplay();
// Reset buffer progress
_setProgress(plyr.progress.buffer);
_setProgress();
// Cancel current network requests
_cancelRequests();

View File

@ -364,6 +364,7 @@
// Large play button (video only)
.plyr__play-large {
display: none;
position: absolute;
top: 50%;
left: 50%;
@ -389,6 +390,9 @@
outline: 1px dotted fade(@plyr-video-control-color, 50%);
}
}
.plyr .plyr__play-large {
display: inline-block;
}
.plyr--audio .plyr__play-large {
display: none;
}
@ -481,7 +485,7 @@
// <progress> element
.plyr__progress {
position: relative;
display: inline-block;
display: none;
flex: 1;
input[type="range"] {
@ -504,6 +508,9 @@
left: 0;
}
}
.plyr .plyr__progress {
display: inline-block;
}
.plyr__progress--buffer,
.plyr__progress--played,
@ -636,8 +643,10 @@
// Volume
// --------------------------------------------------------------
.plyr .plyr__volume {
.plyr__volume {
display: none;
}
.plyr .plyr__volume {
flex: 1;
position: relative;

View File

@ -363,6 +363,7 @@
// Large play button (video only)
.plyr__play-large {
display: none;
position: absolute;
top: 50%;
left: 50%;
@ -388,6 +389,9 @@
outline: 1px dotted transparentize($plyr-video-control-color, .5);
}
}
.plyr .plyr__play-large {
display: inline-block;
}
.plyr--audio .plyr__play-large {
display: none;
}
@ -479,8 +483,8 @@
// --------------------------------------------------------------
// <progress> element
.plyr__progress {
display: none;
position: relative;
display: inline-block;
flex: 1;
input[type="range"] {
@ -503,6 +507,9 @@
left: 0;
}
}
.plyr .plyr__progress {
display: inline-block;
}
.plyr__progress--buffer,
.plyr__progress--played,
@ -635,8 +642,10 @@
// Volume
// --------------------------------------------------------------
.plyr .plyr__volume {
.plyr__volume {
display: none;
}
.plyr .plyr__volume {
flex: 1;
position: relative;