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

Make iOS range fix more universal

Browse Source
This commit is contained in:
Sam Potts 2018-07-30 23:29:14 +10:00
parent 248005e8e0
commit 3a3358e2b4
1 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/js/listeners.js
View File

@ -761,6 +761,17 @@ class Listeners {
}, },
); );
// Fix range inputs on iOS
// Super weird iOS bug where after you interact with an <input type="range">,
// it takes over further interactions on the page. This is a hack
if (browser.isIos) {
const inputs = getElements.call(player, 'input[type="range"]');
Array.from(inputs).forEach(input =>
this.bind(input, inputEvent, event => repaint(event.target)),
);
}
// Seek // Seek
this.bind( this.bind(
player.elements.inputs.seek, player.elements.inputs.seek,
@ -777,12 +788,6 @@ class Listeners {
seek.removeAttribute('seek-value'); seek.removeAttribute('seek-value');
// Super weird iOS bug where after you interact with an <input type="range">,
// it takes over further interactions on the page. This is a hack
if (browser.isIos) {
repaint(seek);
}
player.currentTime = seekTo / seek.max * player.duration; player.currentTime = seekTo / seek.max * player.duration;
}, },
'seek', 'seek',