diff --git a/src/index.html b/src/index.html index f8ac38d80..39983ce4e 100644 --- a/src/index.html +++ b/src/index.html @@ -7,6 +7,7 @@ + diff --git a/src/js/mediaelement-and-player.js b/src/js/mediaelement-and-player.js index 0be649941..42d37aaef 100644 --- a/src/js/mediaelement-and-player.js +++ b/src/js/mediaelement-and-player.js @@ -1231,21 +1231,6 @@ Object.assign(_player2.default.prototype, { player.fullscreenBtn = fullscreenBtn; - t.options.keyActions.push({ - keys: [70], - action: function action(player, media, key, event) { - if (!event.ctrlKey) { - if (typeof player.enterFullScreen !== 'undefined') { - if (player.isFullScreen) { - player.exitFullScreen(); - } else { - player.enterFullScreen(); - } - } - } - } - }); - t.exitFullscreenCallback = function (e) { var key = e.which || e.keyCode || 0; if (t.options.enableKeyboard && key === 27 && (Features.HAS_TRUE_NATIVE_FULLSCREEN && Features.IS_FULLSCREEN || t.isFullScreen)) { @@ -1342,8 +1327,10 @@ Object.assign(_player2.default.prototype, { t.getElement(t.container).style.width = '100%'; t.getElement(t.container).style.height = '100%'; - $('#player_native_dash').get(0).style.maxHeight = '100%'; - $('.mejs__container').get(0).style.maxHeight = '100%'; + if (typeof(playerView) !== 'undefined') { + $('#player_native_dash').get(0).style.maxHeight = '100%'; + $('.mejs__container').get(0).style.maxHeight = '100%'; + } t.containerSizeTimeout = setTimeout(function () { t.getElement(t.container).style.width = '100%'; @@ -1411,8 +1398,10 @@ Object.assign(_player2.default.prototype, { if (t.options.setDimensions) { t.getElement(t.container).style.width = t.normalWidth + 'px'; t.getElement(t.container).style.height = t.normalHeight + 'px'; - $('#player_native_dash').get(0).style.maxHeight = '80vh'; - $('.mejs__container').get(0).style.maxHeight = '80vh'; + if (typeof(playerView) !== 'undefined') { + $('#player_native_dash').get(0).style.maxHeight = '80vh'; + $('.mejs__container').get(0).style.maxHeight = '80vh'; + } if (isNative) { t.node.style.width = t.normalWidth + 'px'; diff --git a/src/js/miniPlayer.js b/src/js/miniPlayer.js index 5f44b7571..a676f8bbf 100644 --- a/src/js/miniPlayer.js +++ b/src/js/miniPlayer.js @@ -52,14 +52,17 @@ let miniPlayerView = new Vue({ }, methods: { legacyFormats: () => { + checkedSettings = false; miniPlayerView.legacySeen = true; miniPlayerView.playerSeen = false; }, dashFormats: () => { + checkedSettings = false; miniPlayerView.legacySeen = false; miniPlayerView.playerSeen = true; }, embedPlayer: () => { + checkedSettings = false; miniPlayerView.legacySeen = false; miniPlayerView.playerSeen = false; } diff --git a/src/style/mediaelementplayer.css b/src/style/mediaelementplayer.css index 2e96c2fbe..04057810d 100644 --- a/src/style/mediaelementplayer.css +++ b/src/style/mediaelementplayer.css @@ -21,7 +21,6 @@ Reference: http://blog.rrwd.nl/2015/04/04/the-screen-reader-text-class-why-and-h text-align: left; text-indent: 0; vertical-align: top; - max-height: 80vh; } .mejs__container * { diff --git a/src/style/player.css b/src/style/player.css index 447c8d2dd..a695c0307 100644 --- a/src/style/player.css +++ b/src/style/player.css @@ -28,17 +28,12 @@ iframe { .videoPlayer { width: 100%; height: 100%; - max-height: 80vh; } #player { min-width: 100%; } -#player_native_dash { - max-height: 80vh; -} - #legacyPlayer { max-height: 80vh; } diff --git a/src/style/playerFix.css b/src/style/playerFix.css new file mode 100644 index 000000000..e95988a73 --- /dev/null +++ b/src/style/playerFix.css @@ -0,0 +1,17 @@ +/* +This file is to fix some of the resizing issues introduced when full screening the video player. +*/ + +#player_native_dash { + max-height: 80vh; +} + +.mejs__container { + max-height: 80vh; +} + +.videoPlayer { + width: 100%; + height: 100%; + max-height: 80vh; +}