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

Seperated reduce motion check

Browse Source
This commit is contained in:
Sam Potts 2017-05-22 09:07:14 +10:00
parent 86c9004183
commit aaab9ad082
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/js/plyr.js
View File

@ -1188,9 +1188,12 @@
// Remember a device can be moust + touch enabled // Remember a device can be moust + touch enabled
touch: 'ontouchstart' in document.documentElement, touch: 'ontouchstart' in document.documentElement,
// Detect transitions and if user has iOS & MacOS "Reduced motion" setting off // Detect transitions support
transitions: utils.transitionEnd !== false,
// Reduced motion iOS & MacOS setting
// https://webkit.org/blog/7551/responsive-design-for-motion/ // https://webkit.org/blog/7551/responsive-design-for-motion/
transitions: utils.transitionEnd !== false && (!('matchMedia' in window) || !window.matchMedia('(prefers-reduced-motion)').matches) reducedMotion: 'matchMedia' in window && window.matchMedia('(prefers-reduced-motion)').matches
}; };
// Player instance // Player instance
@ -3426,7 +3429,7 @@
}); });
// If we can do fancy animations, we'll animate the height/width // If we can do fancy animations, we'll animate the height/width
if (support.transitions) { if (support.transitions && !support.reducedMotion) {
// Set the current width as a base // Set the current width as a base
container.style.width = current.scrollWidth + 'px'; container.style.width = current.scrollWidth + 'px';
container.style.height = current.scrollHeight + 'px'; container.style.height = current.scrollHeight + 'px';