issue-1470: fullscreen hook + inview control

js/adapt-contrib-media.js

@@ -2,7 +2,8 @@ define([
     'core/js/adapt',
     'core/js/views/componentView',
     'libraries/mediaelement-and-player',
-    'libraries/mediaelement-and-player-accessible-captions'
+    'libraries/mediaelement-and-player-accessible-captions',
+    'libraries/mediaelement-fullscreen-hook'
 ], function(Adapt, ComponentView) {
 
     var froogaloopAdded = false;

libraries/mediaelement-fullscreen-hook.js

@@ -0,0 +1,36 @@
+define([
+	'core/js/adapt',
+	'libraries/mediaelement-and-player'
+], function(Adapt) {
+
+	var rawPrototype = $.extend({}, mejs.MediaElementPlayer.prototype);
+	$.extend(mejs.MediaElementPlayer.prototype, {
+
+		exitFullScreen: function() {
+
+			Adapt.trigger("media:fullscreen:exit", this);
+
+			var returnValue = rawPrototype.exitFullScreen.apply(this, arguments);
+
+			// Wait for browser to settle coming down from full screen.
+			_.delay(function() {
+				$.inview.unlock("mediaelement");
+			}, 500);
+
+			return returnValue;
+
+		},
+
+		enterFullScreen: function() {
+
+			Adapt.trigger("media:fullscreen:enter", this);
+
+			$.inview.lock("mediaelement");
+
+			return rawPrototype.enterFullScreen.apply(this, arguments);
+
+		}
+
+	});
+
+});