diff --git a/app/views/modules/player/_video_element.html.erb b/app/views/modules/player/_video_element.html.erb index ebbc74966d..6d0e62cdae 100644 --- a/app/views/modules/player/_video_element.html.erb +++ b/app/views/modules/player/_video_element.html.erb @@ -22,7 +22,9 @@ Unless required by applicable law or agreed to in writing, software distributed height="<%= @player_height || 270 %>" data-canvasindex=0 poster="<%= section_info[:poster_image] if f_start == 0 %>" - preload="auto"> + preload="auto" + playsinline="true" + webkit-playsinline="true"> <% section_info[:stream_hls].each do |hls| %> <% end %> diff --git a/vendor/assets/javascripts/mediaelement/mediaelement-and-player.js b/vendor/assets/javascripts/mediaelement/mediaelement-and-player.js index 3002ef53f4..e1d99f98d7 100644 --- a/vendor/assets/javascripts/mediaelement/mediaelement-and-player.js +++ b/vendor/assets/javascripts/mediaelement/mediaelement-and-player.js @@ -1300,7 +1300,7 @@ Object.assign(_player.config, { fullscreenText: null, - useFakeFullscreen: false + useFakeFullscreen: true }); Object.assign(_player2.default.prototype, { @@ -1462,6 +1462,10 @@ Object.assign(_player2.default.prototype, { t.setControlsSize(); }, 500); + if(_constants.IS_ANDROID || _constants.IS_IOS) { + t.getElement(t.container).querySelector('.' + t.options.classPrefix + 'overlay-button').style.display = 'none'; + } + if (isNative) { t.node.style.width = '100%'; t.node.style.height = '100%';