search

mderrick / react-html5video

A customizeable HTML5 Video React component with i18n and a11y.
http://mderrick.github.io/react-html5video/
MIT License
459 stars 123 forks source link

Seek and volume does not work in IE #9

Open mderrick opened 8 years ago

mderrick commented 8 years ago

There is a known issue with the onChange event on range inputs: https://github.com/facebook/react/issues/3096.

This is preventing the volume and seek from working in IE.

Consider an alternative solution.

Mirodil commented 7 years ago

Sorry to re-opening this bug. There is still a bug with volume control even with the latest version of the react ("react-html5video": "2.2.0", "react-dom": "15.6.1", "react": "15.5.3") in IE11/Edge Windows 7.

The cause of this issue is -webkit-appearance: slider-vertical; in input[type="range"] which does not work as expected in IE11/Edge ( it is still horizontal instead of vertical). So if we change it to something like this transform: rotate(-90deg) translateY(-20px) translateX(17px); height: 4px; width: 40px; for IE11/Edge it would work as expected.