Unfloyded/Legamunt
0
0
Fork 0
Code Activity

Toggle contain:strict on fullscreen (#5159)

Browse source 
* Toggle contain:strict on fullscreen

* Fix scss lint issue

* fix scss whitespace lint issue
This commit is contained in:
Nolan Lawson 2017-10-01 18:01:01 -07:00 • committed by Eugen Rochko
parent 47ecd652d3
commit c567c87453
4 changed files with 67 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

30
app/javascript/mastodon/features/video/index.js
View file

@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
import { throttle } from 'lodash';
import classNames from 'classnames';
import { isFullscreen, requestFullscreen, exitFullscreen } from '../ui/util/fullscreen';
const messages = defineMessages({
play: { id: 'video.play', defaultMessage: 'Play' },
@ -69,35 +70,6 @@ const getPointerPosition = (el, event) => {
return position;
};
const isFullscreen = () => document.fullscreenElement ||
document.webkitFullscreenElement ||
document.mozFullScreenElement ||
document.msFullscreenElement;
const exitFullscreen = () => {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.webkitExitFullscreen) {
document.webkitExitFullscreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.msExitFullscreen) {
document.msExitFullscreen();
}
};
const requestFullscreen = el => {
if (el.requestFullscreen) {
el.requestFullscreen();
} else if (el.webkitRequestFullscreen) {
el.webkitRequestFullscreen();
} else if (el.mozRequestFullScreen) {
el.mozRequestFullScreen();
} else if (el.msRequestFullscreen) {
el.msRequestFullscreen();
}
};
@injectIntl
export default class Video extends React.PureComponent {