From e1e388249b334b9da61e2b8859c6d40587503997 Mon Sep 17 00:00:00 2001
From: dananji <dwithana@iu.edu>
Date: Thu, 10 Nov 2022 17:08:12 -0500
Subject: [PATCH] Fix for ios fullscreen captions not displaying

---
 app/views/modules/player/_video_element.html.erb            | 4 +++-
 .../javascripts/mediaelement/mediaelement-and-player.js     | 6 +++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

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| %>
             <source src="<%= hls[:url] %>" type="application/x-mpegURL" data-quality="<%= hls[:quality] %>"/>
           <% 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%';