pageflow 12.0.0.rc1 → 12.0.0.rc2

data/app/assets/javascripts/pageflow/dist/react.js

@@ -8205,11 +8205,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var components = _interopRequireWildcard(_components);
 
-	var _selectors = __webpack_require__(443);
+	var _selectors = __webpack_require__(444);
 
 	var selectors = _interopRequireWildcard(_selectors);
 
-	var _media = __webpack_require__(449);
+	var _media = __webpack_require__(450);
 
 	var _interactivePageBackground = __webpack_require__(488);
 
@@ -8227,11 +8227,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _registerWidgetType2 = _interopRequireDefault(_registerWidgetType);
 
-	var _mapping = __webpack_require__(414);
+	var _mapping = __webpack_require__(415);
 
 	var _mapping2 = _interopRequireDefault(_mapping);
 
-	var _Container = __webpack_require__(417);
+	var _Container = __webpack_require__(418);
 
 	var _Container2 = _interopRequireDefault(_Container);
 
@@ -8521,7 +8521,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	Object.defineProperty(exports, "__esModule", {
 	  value: true
 	});
-	exports.Draggable = exports.editorOnly = exports.Icon = exports.MenuBar = exports.CloseButton = exports.PlayerControls = exports.LazyLoadedPageThumbnail = exports.PageThumbnail = exports.PageLink = exports.PageText = exports.PageHeader = exports.PageScroller = exports.PageContent = exports.PageForeground = exports.PageShadow = exports.PageBackgroundImage = exports.PageBackground = exports.PageWrapper = undefined;
+	exports.Draggable = exports.withVisibilityWatching = exports.editorOnly = exports.Icon = exports.MenuBar = exports.CloseButton = exports.PlayerControls = exports.LazyLoadedPageThumbnail = exports.PageThumbnail = exports.PageLink = exports.PageText = exports.PageHeader = exports.PageScroller = exports.PageContent = exports.PageForeground = exports.PageShadow = exports.PageBackgroundImage = exports.PageBackground = exports.PageWrapper = undefined;
 
 	var _PageWrapper = __webpack_require__(303);
 
@@ -8575,23 +8575,27 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _PlayerControls2 = _interopRequireDefault(_PlayerControls);
 
-	var _CloseButton = __webpack_require__(441);
+	var _CloseButton = __webpack_require__(442);
 
 	var _CloseButton2 = _interopRequireDefault(_CloseButton);
 
-	var _MenuBar = __webpack_require__(437);
+	var _MenuBar = __webpack_require__(438);
 
 	var _MenuBar2 = _interopRequireDefault(_MenuBar);
 
-	var _Icon = __webpack_require__(413);
+	var _Icon = __webpack_require__(414);
 
 	var _Icon2 = _interopRequireDefault(_Icon);
 
-	var _editorOnly = __webpack_require__(442);
+	var _editorOnly = __webpack_require__(443);
 
 	var _editorOnly2 = _interopRequireDefault(_editorOnly);
 
-	var _reactDraggable = __webpack_require__(429);
+	var _withVisibilityWatching = __webpack_require__(411);
+
+	var _withVisibilityWatching2 = _interopRequireDefault(_withVisibilityWatching);
+
+	var _reactDraggable = __webpack_require__(430);
 
 	var _reactDraggable2 = _interopRequireDefault(_reactDraggable);
 
@@ -8614,6 +8618,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	exports.MenuBar = _MenuBar2.default;
 	exports.Icon = _Icon2.default;
 	exports.editorOnly = _editorOnly2.default;
+	exports.withVisibilityWatching = _withVisibilityWatching2.default;
 	exports.Draggable = _reactDraggable2.default;
 
 /***/ },
@@ -16537,6 +16542,8 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  value: true
 	});
 
+	var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
 	var _react = __webpack_require__(304);
 
 	var _react2 = _interopRequireDefault(_react);
@@ -16549,38 +16556,42 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _InfoBox2 = _interopRequireDefault(_InfoBox);
 
-	var _Container = __webpack_require__(411);
+	var _Container = __webpack_require__(412);
 
 	var _Container2 = _interopRequireDefault(_Container);
 
-	var _LoadingSpinner = __webpack_require__(412);
+	var _LoadingSpinner = __webpack_require__(413);
 
 	var _LoadingSpinner2 = _interopRequireDefault(_LoadingSpinner);
 
-	var _PlayButton = __webpack_require__(422);
+	var _PlayButton = __webpack_require__(423);
 
 	var _PlayButton2 = _interopRequireDefault(_PlayButton);
 
-	var _CurrentTime = __webpack_require__(424);
+	var _CurrentTime = __webpack_require__(425);
 
 	var _CurrentTime2 = _interopRequireDefault(_CurrentTime);
 
-	var _TimeDivider = __webpack_require__(426);
+	var _TimeDivider = __webpack_require__(427);
 
 	var _TimeDivider2 = _interopRequireDefault(_TimeDivider);
 
-	var _Duration = __webpack_require__(427);
+	var _Duration = __webpack_require__(428);
 
 	var _Duration2 = _interopRequireDefault(_Duration);
 
-	var _ProgressSlider = __webpack_require__(428);
+	var _ProgressSlider = __webpack_require__(429);
 
 	var _ProgressSlider2 = _interopRequireDefault(_ProgressSlider);
 
-	var _MenuBar = __webpack_require__(437);
+	var _MenuBar = __webpack_require__(438);
 
 	var _MenuBar2 = _interopRequireDefault(_MenuBar);
 
+	var _withVisibilityWatching = __webpack_require__(411);
+
+	var _withVisibilityWatching2 = _interopRequireDefault(_withVisibilityWatching);
+
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 	function PlayerControls(props) {
@@ -16592,7 +16603,10 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	      { className: 'hint' },
 	      props.hint
 	    ),
-	    _react2.default.createElement(_InfoBox2.default, props.infoBox),
+	    _react2.default.createElement(_InfoBox2.default, _extends({}, props.infoBox, {
+	      watchVisibility: props.watchVisibility,
+	      onVisible: props.onInfoBoxVisible,
+	      onHidden: props.onInfoBoxHidden })),
 	    _react2.default.createElement(
 	      'div',
 	      { className: controlBarClassNames(props) },
@@ -16664,7 +16678,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  onPlayButtonClick: _react2.default.PropTypes.func
 	};
 
-	exports.default = PlayerControls;
+	exports.default = (0, _withVisibilityWatching2.default)(PlayerControls);
 
 /***/ },
 /* 410 */
@@ -16676,45 +16690,145 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  value: true
 	});
 
-	exports.default = function (props) {
+	var _classnames = __webpack_require__(305);
+
+	var _classnames2 = _interopRequireDefault(_classnames);
+
+	var _withVisibilityWatching = __webpack_require__(411);
+
+	var _withVisibilityWatching2 = _interopRequireDefault(_withVisibilityWatching);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+	function InfoBox(props) {
 	  return React.createElement(
 	    'div',
 	    { className: wrapperClassNames(props) },
 	    header(props),
-	    React.createElement(
-	      'p',
-	      null,
-	      props.description
-	    )
+	    React.createElement('p', { dangerouslySetInnerHTML: { __html: props.description } })
 	  );
+	}
 
-	  function wrapperClassNames(props) {
-	    return (0, _classnames2.default)('add_info_box', {
-	      'empty': !props.title && !props.description,
-	      'title_empty': !props.title,
-	      'description_empty': !props.description
-	    });
-	  }
+	function wrapperClassNames(props) {
+	  return (0, _classnames2.default)('add_info_box', {
+	    'empty': !props.title && !props.description,
+	    'title_empty': !props.title,
+	    'description_empty': !props.description
+	  });
+	}
 
-	  function header(props) {
-	    if (props.title) {
-	      return React.createElement(
-	        'h3',
-	        null,
-	        props.title
-	      );
-	    }
+	function header(props) {
+	  if (props.title) {
+	    return React.createElement(
+	      'h3',
+	      null,
+	      props.title
+	    );
 	  }
-	};
+	}
 
-	var _classnames = __webpack_require__(305);
+	exports.default = (0, _withVisibilityWatching2.default)(InfoBox);
 
-	var _classnames2 = _interopRequireDefault(_classnames);
+/***/ },
+/* 411 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+
+	var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+	exports.default = withVisibilityWatching;
+
+	var _react = __webpack_require__(304);
+
+	var _react2 = _interopRequireDefault(_react);
+
+	var _reactDom = __webpack_require__(392);
+
+	var _reactDom2 = _interopRequireDefault(_reactDom);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+	function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+	function withVisibilityWatching(Component) {
+	  return function (_React$Component) {
+	    _inherits(VisibilityWatcher, _React$Component);
+
+	    function VisibilityWatcher(props) {
+	      _classCallCheck(this, VisibilityWatcher);
+
+	      var _this = _possibleConstructorReturn(this, (VisibilityWatcher.__proto__ || Object.getPrototypeOf(VisibilityWatcher)).call(this, props));
+
+	      _this.checkVisibility = function () {
+	        var style = window.getComputedStyle(_this.element);
+
+	        if (_this.lastVisibility != style.visibility) {
+	          if (style.visibility == 'visible' && style.display != 'none') {
+	            if (_this.props.onVisible) {
+	              _this.props.onVisible();
+	            }
+	          } else {
+	            if (_this.props.onHidden) {
+	              _this.props.onHidden();
+	            }
+	          }
+	        }
+
+	        _this.lastVisibility = style.visibility;
+	      };
+	      return _this;
+	    }
+
+	    _createClass(VisibilityWatcher, [{
+	      key: 'componentDidMount',
+	      value: function componentDidMount() {
+	        this.element = _reactDom2.default.findDOMNode(this);
+	        this.updateInterval();
+	      }
+	    }, {
+	      key: 'componentDidUpdate',
+	      value: function componentDidUpdate() {
+	        this.updateInterval();
+	      }
+	    }, {
+	      key: 'componentWillUnmount',
+	      value: function componentWillUnmount() {
+	        clearInterval(this.interval);
+	        this.interval = null;
+	        this.element = null;
+	      }
+	    }, {
+	      key: 'updateInterval',
+	      value: function updateInterval() {
+	        if (this.props.watchVisibility && !this.interval) {
+	          this.interval = setInterval(this.checkVisibility, 50);
+	        } else if (!this.props.watchVisibility && this.interval) {
+	          clearInterval(this.interval);
+	          this.interval = null;
+	        }
+	      }
+	    }, {
+	      key: 'render',
+	      value: function render() {
+	        return _react2.default.createElement(Component, this.props);
+	      }
+	    }]);
+
+	    return VisibilityWatcher;
+	  }(_react2.default.Component);
+	}
+
 /***/ },
-/* 411 */
+/* 412 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -16744,7 +16858,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ },
-/* 412 */
+/* 413 */
 /***/ function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -16761,14 +16875,14 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  );
 	};
 
-	var _Icon = __webpack_require__(413);
+	var _Icon = __webpack_require__(414);
 
 	var _Icon2 = _interopRequireDefault(_Icon);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ },
-/* 413 */
+/* 414 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -16782,7 +16896,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _mapping = __webpack_require__(414);
+	var _mapping = __webpack_require__(415);
 
 	var _mapping2 = _interopRequireDefault(_mapping);
 
@@ -16813,7 +16927,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	};
 
 /***/ },
-/* 414 */
+/* 415 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -16822,7 +16936,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  value: true
 	});
 
-	var _icons = __webpack_require__(415);
+	var _icons = __webpack_require__(416);
 
 	var _icons2 = _interopRequireDefault(_icons);
 
@@ -16854,7 +16968,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	};
 
 /***/ },
-/* 415 */
+/* 416 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -16863,23 +16977,23 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  value: true
 	});
 
-	var _Checkmark = __webpack_require__(416);
+	var _Checkmark = __webpack_require__(417);
 
 	var _Checkmark2 = _interopRequireDefault(_Checkmark);
 
-	var _CircleWithNotch = __webpack_require__(418);
+	var _CircleWithNotch = __webpack_require__(419);
 
 	var _CircleWithNotch2 = _interopRequireDefault(_CircleWithNotch);
 
-	var _Disk = __webpack_require__(419);
+	var _Disk = __webpack_require__(420);
 
 	var _Disk2 = _interopRequireDefault(_Disk);
 
-	var _Gear = __webpack_require__(420);
+	var _Gear = __webpack_require__(421);
 
 	var _Gear2 = _interopRequireDefault(_Gear);
 
-	var _Subtitles = __webpack_require__(421);
+	var _Subtitles = __webpack_require__(422);
 
 	var _Subtitles2 = _interopRequireDefault(_Subtitles);
 
@@ -16894,7 +17008,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	};
 
 /***/ },
-/* 416 */
+/* 417 */
 /***/ function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -16913,14 +17027,14 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  );
 	};
 
-	var _Container = __webpack_require__(417);
+	var _Container = __webpack_require__(418);
 
 	var _Container2 = _interopRequireDefault(_Container);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ },
-/* 417 */
+/* 418 */
 /***/ function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -16997,7 +17111,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	exports.default = Container;
 
 /***/ },
-/* 418 */
+/* 419 */
 /***/ function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -17016,14 +17130,14 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  );
 	};
 
-	var _Container = __webpack_require__(417);
+	var _Container = __webpack_require__(418);
 
 	var _Container2 = _interopRequireDefault(_Container);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ },
-/* 419 */
+/* 420 */
 /***/ function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -17042,14 +17156,14 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  );
 	};
 
-	var _Container = __webpack_require__(417);
+	var _Container = __webpack_require__(418);
 
 	var _Container2 = _interopRequireDefault(_Container);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ },
-/* 420 */
+/* 421 */
 /***/ function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -17074,14 +17188,14 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  ;
 	};
 
-	var _Container = __webpack_require__(417);
+	var _Container = __webpack_require__(418);
 
 	var _Container2 = _interopRequireDefault(_Container);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ },
-/* 421 */
+/* 422 */
 /***/ function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -17101,14 +17215,14 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  );
 	};
 
-	var _Container = __webpack_require__(417);
+	var _Container = __webpack_require__(418);
 
 	var _Container2 = _interopRequireDefault(_Container);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ },
-/* 422 */
+/* 423 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -17121,11 +17235,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _classnames2 = _interopRequireDefault(_classnames);
 
-	var _Icon = __webpack_require__(413);
+	var _Icon = __webpack_require__(414);
 
 	var _Icon2 = _interopRequireDefault(_Icon);
 
-	var _pageSkipLinkTarget = __webpack_require__(423);
+	var _pageSkipLinkTarget = __webpack_require__(424);
 
 	var _pageSkipLinkTarget2 = _interopRequireDefault(_pageSkipLinkTarget);
 
@@ -17170,7 +17284,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ },
-/* 423 */
+/* 424 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -17194,7 +17308,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	var _utils = __webpack_require__(380);
 
 /***/ },
-/* 424 */
+/* 425 */
 /***/ function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -17207,14 +17321,14 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  return React.createElement(_TimeDisplay2.default, { className: "vjs-current-time", value: props.currentTime });
 	};
 
-	var _TimeDisplay = __webpack_require__(425);
+	var _TimeDisplay = __webpack_require__(426);
 
 	var _TimeDisplay2 = _interopRequireDefault(_TimeDisplay);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ },
-/* 425 */
+/* 426 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -17259,7 +17373,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ },
-/* 426 */
+/* 427 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -17277,7 +17391,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	};
 
 /***/ },
-/* 427 */
+/* 428 */
 /***/ function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -17290,14 +17404,14 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  return React.createElement(_TimeDisplay2.default, { className: "vjs-duration", value: props.duration });
 	};
 
-	var _TimeDisplay = __webpack_require__(425);
+	var _TimeDisplay = __webpack_require__(426);
 
 	var _TimeDisplay2 = _interopRequireDefault(_TimeDisplay);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ },
-/* 428 */
+/* 429 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -17312,13 +17426,13 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _reactDraggable = __webpack_require__(429);
+	var _reactDraggable = __webpack_require__(430);
 
-	var _reactMeasure = __webpack_require__(430);
+	var _reactMeasure = __webpack_require__(431);
 
 	var _reactMeasure2 = _interopRequireDefault(_reactMeasure);
 
-	var _keyCodes = __webpack_require__(436);
+	var _keyCodes = __webpack_require__(437);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -17460,7 +17574,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ },
-/* 429 */
+/* 430 */
 /***/ function(module, exports, __webpack_require__) {
 
 	(function webpackUniversalModuleDefinition(root, factory) {
@@ -19072,7 +19186,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	//# sourceMappingURL=react-draggable.js.map
 
 /***/ },
-/* 430 */
+/* 431 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -19082,7 +19196,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	});
 	exports.default = undefined;
 
-	var _Measure = __webpack_require__(431);
+	var _Measure = __webpack_require__(432);
 
 	var _Measure2 = _interopRequireDefault(_Measure);
 
@@ -19092,7 +19206,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	module.exports = exports['default'];
 
 /***/ },
-/* 431 */
+/* 432 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -19113,11 +19227,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _reactDom2 = _interopRequireDefault(_reactDom);
 
-	var _resizeObserverPolyfill = __webpack_require__(432);
+	var _resizeObserverPolyfill = __webpack_require__(433);
 
 	var _resizeObserverPolyfill2 = _interopRequireDefault(_resizeObserverPolyfill);
 
-	var _getNodeDimensions = __webpack_require__(433);
+	var _getNodeDimensions = __webpack_require__(434);
 
 	var _getNodeDimensions2 = _interopRequireDefault(_getNodeDimensions);
 
@@ -19287,7 +19401,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	module.exports = exports['default'];
 
 /***/ },
-/* 432 */
+/* 433 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(global) {(function (global, factory) {
@@ -20485,7 +20599,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	/* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }())))
 
 /***/ },
-/* 433 */
+/* 434 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -20497,11 +20611,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
-	var _getCloneDimensions = __webpack_require__(434);
+	var _getCloneDimensions = __webpack_require__(435);
 
 	var _getCloneDimensions2 = _interopRequireDefault(_getCloneDimensions);
 
-	var _getMargin = __webpack_require__(435);
+	var _getMargin = __webpack_require__(436);
 
 	var _getMargin2 = _interopRequireDefault(_getMargin);
 
@@ -20546,7 +20660,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	module.exports = exports['default'];
 
 /***/ },
-/* 434 */
+/* 435 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -20558,7 +20672,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
-	var _getMargin = __webpack_require__(435);
+	var _getMargin = __webpack_require__(436);
 
 	var _getMargin2 = _interopRequireDefault(_getMargin);
 
@@ -20624,7 +20738,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	module.exports = exports['default'];
 
 /***/ },
-/* 435 */
+/* 436 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -20649,7 +20763,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	module.exports = exports["default"];
 
 /***/ },
-/* 436 */
+/* 437 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -20664,7 +20778,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	var TAB = exports.TAB = 9;
 
 /***/ },
-/* 437 */
+/* 438 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -20678,15 +20792,15 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _classnames2 = _interopRequireDefault(_classnames);
 
-	var _QualityMenu = __webpack_require__(438);
+	var _QualityMenu = __webpack_require__(439);
 
 	var _QualityMenu2 = _interopRequireDefault(_QualityMenu);
 
-	var _TextTracksMenu = __webpack_require__(440);
+	var _TextTracksMenu = __webpack_require__(441);
 
 	var _TextTracksMenu2 = _interopRequireDefault(_TextTracksMenu);
 
-	var _MenuBarButton = __webpack_require__(439);
+	var _MenuBarButton = __webpack_require__(440);
 
 	var _MenuBarButton2 = _interopRequireDefault(_MenuBarButton);
 
@@ -20754,7 +20868,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ },
-/* 438 */
+/* 439 */
 /***/ function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -20764,7 +20878,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	});
 	exports.default = QualityMenu;
 
-	var _MenuBarButton = __webpack_require__(439);
+	var _MenuBarButton = __webpack_require__(440);
 
 	var _MenuBarButton2 = _interopRequireDefault(_MenuBarButton);
 
@@ -20793,7 +20907,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	};
 
 /***/ },
-/* 439 */
+/* 440 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -20808,7 +20922,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _classnames2 = _interopRequireDefault(_classnames);
 
-	var _Icon = __webpack_require__(413);
+	var _Icon = __webpack_require__(414);
 
 	var _Icon2 = _interopRequireDefault(_Icon);
 
@@ -21001,7 +21115,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ },
-/* 440 */
+/* 441 */
 /***/ function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -21011,7 +21125,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	});
 	exports.default = TextTracksMenu;
 
-	var _MenuBarButton = __webpack_require__(439);
+	var _MenuBarButton = __webpack_require__(440);
 
 	var _MenuBarButton2 = _interopRequireDefault(_MenuBarButton);
 
@@ -21040,7 +21154,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	};
 
 /***/ },
-/* 441 */
+/* 442 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -21065,7 +21179,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	};
 
 /***/ },
-/* 442 */
+/* 443 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -21085,7 +21199,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	};
 
 /***/ },
-/* 443 */
+/* 444 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -21097,11 +21211,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _selectors = __webpack_require__(337);
 
-	var _selectors2 = __webpack_require__(444);
+	var _selectors2 = __webpack_require__(445);
 
-	var _selectors3 = __webpack_require__(447);
+	var _selectors3 = __webpack_require__(448);
 
-	var _selectors4 = __webpack_require__(448);
+	var _selectors4 = __webpack_require__(449);
 
 	var _selectors5 = __webpack_require__(405);
 
@@ -21119,7 +21233,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	exports.prop = _selectors6.prop;
 
 /***/ },
-/* 444 */
+/* 445 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -21132,9 +21246,9 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _selectors = __webpack_require__(337);
 
-	var _selectors2 = __webpack_require__(445);
+	var _selectors2 = __webpack_require__(446);
 
-	var _selectors3 = __webpack_require__(446);
+	var _selectors3 = __webpack_require__(447);
 
 	function currentParentChapterAttributes() {
 	  return function (state, props) {
@@ -21169,7 +21283,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ },
-/* 445 */
+/* 446 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -21195,7 +21309,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	var chapterAttributes = exports.chapterAttributes = selector;
 
 /***/ },
-/* 446 */
+/* 447 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -21219,7 +21333,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ },
-/* 447 */
+/* 448 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -21246,7 +21360,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ },
-/* 448 */
+/* 449 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -21264,7 +21378,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ },
-/* 449 */
+/* 450 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -21275,39 +21389,39 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	exports.PageBackground = exports.PageBackgroundAsset = exports.PageBackgroundVideo = exports.PagePrintImage = exports.MobilePageVideoPoster = exports.PageVideoPlayer = exports.Page = exports.pageBackgroundReduxModule = undefined;
 	exports.reduxModule = reduxModule;
 
-	var _Page = __webpack_require__(450);
+	var _Page = __webpack_require__(451);
 
 	var _Page2 = _interopRequireDefault(_Page);
 
-	var _PageVideoPlayer = __webpack_require__(457);
+	var _PageVideoPlayer = __webpack_require__(458);
 
 	var _PageVideoPlayer2 = _interopRequireDefault(_PageVideoPlayer);
 
-	var _MobilePageVideoPoster = __webpack_require__(470);
+	var _MobilePageVideoPoster = __webpack_require__(472);
 
 	var _MobilePageVideoPoster2 = _interopRequireDefault(_MobilePageVideoPoster);
 
-	var _PageBackgroundVideo = __webpack_require__(471);
+	var _PageBackgroundVideo = __webpack_require__(473);
 
 	var _PageBackgroundVideo2 = _interopRequireDefault(_PageBackgroundVideo);
 
-	var _PageBackgroundAsset = __webpack_require__(472);
+	var _PageBackgroundAsset = __webpack_require__(474);
 
 	var _PageBackgroundAsset2 = _interopRequireDefault(_PageBackgroundAsset);
 
-	var _PageBackground = __webpack_require__(473);
+	var _PageBackground = __webpack_require__(475);
 
 	var _PageBackground2 = _interopRequireDefault(_PageBackground);
 
-	var _PagePrintImage = __webpack_require__(474);
+	var _PagePrintImage = __webpack_require__(476);
 
 	var _PagePrintImage2 = _interopRequireDefault(_PagePrintImage);
 
-	var _createReducer = __webpack_require__(475);
+	var _createReducer = __webpack_require__(477);
 
 	var _createReducer2 = _interopRequireDefault(_createReducer);
 
-	var _sagas = __webpack_require__(477);
+	var _sagas = __webpack_require__(479);
 
 	var _sagas2 = _interopRequireDefault(_sagas);
 
@@ -21315,7 +21429,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _fadeInWhenPageWillActivate2 = _interopRequireDefault(_fadeInWhenPageWillActivate);
 
-	var _fadeOutWhenPageWillDeactivate = __webpack_require__(483);
+	var _fadeOutWhenPageWillDeactivate = __webpack_require__(485);
 
 	var _fadeOutWhenPageWillDeactivate2 = _interopRequireDefault(_fadeOutWhenPageWillDeactivate);
 
@@ -21376,7 +21490,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	exports.PageBackground = _PageBackground2.default;
 
 /***/ },
-/* 450 */
+/* 451 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -21388,17 +21502,17 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _components = __webpack_require__(302);
 
-	var _media = __webpack_require__(449);
+	var _media = __webpack_require__(450);
 
-	var _PlayerControls = __webpack_require__(451);
+	var _PlayerControls = __webpack_require__(452);
 
 	var _PlayerControls2 = _interopRequireDefault(_PlayerControls);
 
-	var _NonJsLinks = __webpack_require__(455);
+	var _NonJsLinks = __webpack_require__(456);
 
 	var _NonJsLinks2 = _interopRequireDefault(_NonJsLinks);
 
-	var _playerStateClassNames = __webpack_require__(452);
+	var _playerStateClassNames = __webpack_require__(453);
 
 	var _playerStateClassNames2 = _interopRequireDefault(_playerStateClassNames);
 
@@ -21406,7 +21520,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _selectors = __webpack_require__(402);
 
-	var _selectors2 = __webpack_require__(453);
+	var _selectors2 = __webpack_require__(454);
 
 	var _classnames = __webpack_require__(305);
 
@@ -21488,7 +21602,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ },
-/* 451 */
+/* 452 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -21501,7 +21615,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	exports.MediaPlayerControls = MediaPlayerControls;
 
-	var _playerStateClassNames = __webpack_require__(452);
+	var _playerStateClassNames = __webpack_require__(453);
 
 	var _playerStateClassNames2 = _interopRequireDefault(_playerStateClassNames);
 
@@ -21511,11 +21625,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _utils = __webpack_require__(380);
 
-	var _selectors = __webpack_require__(453);
+	var _selectors = __webpack_require__(454);
 
-	var _selectors2 = __webpack_require__(447);
+	var _selectors2 = __webpack_require__(448);
 
-	var _actions = __webpack_require__(454);
+	var _actions = __webpack_require__(455);
 
 	var _react = __webpack_require__(304);
 
@@ -21563,6 +21677,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	    onFocus: actions.focusEnteredControls,
 	    onBlur: actions.focusLeftControls,
 
+	    watchVisibility: playerState.isPlaying,
+	    onHidden: actions.controlsHidden,
+	    onInfoBoxVisible: actions.infoBoxVisible,
+	    onInfoBoxHidden: actions.infoBoxHidden,
+
 	    qualityMenuItems: qualityMenuItems(props.qualities, props.file, props.activeQuality, props.t),
 
 	    qualityMenuButtonTitle: props.t('pageflow.public.media_quality'),
@@ -21649,7 +21768,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ },
-/* 452 */
+/* 453 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -21673,7 +21792,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ },
-/* 453 */
+/* 454 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -21689,15 +21808,15 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	exports.textTracks = textTracks;
 	exports.videoQualitySetting = videoQualitySetting;
 
-	var _actions = __webpack_require__(454);
+	var _actions = __webpack_require__(455);
 
 	var _selectors = __webpack_require__(405);
 
 	var _selectors2 = __webpack_require__(337);
 
-	var _selectors3 = __webpack_require__(448);
+	var _selectors3 = __webpack_require__(449);
 
-	var _selectors4 = __webpack_require__(447);
+	var _selectors4 = __webpack_require__(448);
 
 	var _utils = __webpack_require__(380);
 
@@ -21796,7 +21915,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ },
-/* 454 */
+/* 455 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -21804,7 +21923,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	Object.defineProperty(exports, "__esModule", {
 	  value: true
 	});
-	exports.CONTROLS_HIDDEN = exports.FOCUS_LEFT_CONTROLS = exports.FOCUS_ENTERED_CONTROLS = exports.CONTROLS_LEFT = exports.CONTROLS_ENTERED = exports.USER_IDLE = exports.USER_INTERACTION = exports.HAS_NOT_BEEN_PLAYING_FOR_A_MOMENT = exports.WAITING = exports.SEEKED = exports.SEEKING = exports.ENDED = exports.TIME_UPDATE = exports.PAUSED = exports.PLAYING = exports.PROGRESS = exports.META_DATA_LOADED = exports.BUFFER_UNDERRUN_CONTINUE = exports.BUFFER_UNDERRUN = exports.ABORT_PREBUFFERING = exports.PREBUFFERED = exports.PREBUFFER = exports.SEEK_TO = exports.SCRUB_TO = exports.FADE_OUT_AND_PAUSE = exports.PAUSE = exports.PLAY_AND_FADE_IN = exports.PLAY = exports.TOGGLE_PLAYING = undefined;
+	exports.INFO_BOX_HIDDEN = exports.INFO_BOX_VISIBLE = exports.CONTROLS_HIDDEN = exports.FOCUS_LEFT_CONTROLS = exports.FOCUS_ENTERED_CONTROLS = exports.CONTROLS_LEFT = exports.CONTROLS_ENTERED = exports.USER_IDLE = exports.USER_INTERACTION = exports.HAS_NOT_BEEN_PLAYING_FOR_A_MOMENT = exports.WAITING = exports.SEEKED = exports.SEEKING = exports.ENDED = exports.TIME_UPDATE = exports.PAUSED = exports.PLAYING = exports.PROGRESS = exports.META_DATA_LOADED = exports.BUFFER_UNDERRUN_CONTINUE = exports.BUFFER_UNDERRUN = exports.ABORT_PREBUFFERING = exports.PREBUFFERED = exports.PREBUFFER = exports.SEEK_TO = exports.SCRUB_TO = exports.FADE_OUT_AND_PAUSE = exports.PAUSE = exports.PLAY_AND_FADE_IN = exports.PLAY = exports.TOGGLE_PLAYING = undefined;
 	exports.actionCreators = actionCreators;
 	exports.updateTextTrackSettings = updateTextTrackSettings;
 	exports.updateVideoQualitySetting = updateVideoQualitySetting;
@@ -21847,7 +21966,10 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	var CONTROLS_LEFT = exports.CONTROLS_LEFT = 'MEDIA_CONTROLS_LEFT';
 	var FOCUS_ENTERED_CONTROLS = exports.FOCUS_ENTERED_CONTROLS = 'MEDIA_FOCUS_ENTERED_CONTROLS';
 	var FOCUS_LEFT_CONTROLS = exports.FOCUS_LEFT_CONTROLS = 'MEDIA_FOCUS_LEFT_CONTROLS';
+
 	var CONTROLS_HIDDEN = exports.CONTROLS_HIDDEN = 'MEDIA_CONTROLS_HIDDEN';
+	var INFO_BOX_VISIBLE = exports.INFO_BOX_VISIBLE = 'INFO_BOX_VISIBLE';
+	var INFO_BOX_HIDDEN = exports.INFO_BOX_HIDDEN = 'INFO_BOX_HIDDEN';
 
 	function actionCreators() {
 	  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
@@ -21967,6 +22089,12 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	    },
 	    controlsHidden: function controlsHidden() {
 	      return pageAction(CONTROLS_HIDDEN);
+	    },
+	    infoBoxVisible: function infoBoxVisible() {
+	      return pageAction(INFO_BOX_VISIBLE);
+	    },
+	    infoBoxHidden: function infoBoxHidden() {
+	      return pageAction(INFO_BOX_HIDDEN);
 	    }
 	  };
 
@@ -22002,7 +22130,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ },
-/* 455 */
+/* 456 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -22014,9 +22142,9 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _utils = __webpack_require__(380);
 
-	var _selectors = __webpack_require__(447);
+	var _selectors = __webpack_require__(448);
 
-	var _selectors2 = __webpack_require__(456);
+	var _selectors2 = __webpack_require__(457);
 
 	var _reactRedux = __webpack_require__(359);
 
@@ -22058,7 +22186,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}))(NonJsLinks);
 
 /***/ },
-/* 456 */
+/* 457 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -22074,7 +22202,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ },
-/* 457 */
+/* 458 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -22085,17 +22213,17 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	exports.VideoPlayer = undefined;
 	exports.default = PageVideoPlayer;
 
-	var _VideoFilePlayer = __webpack_require__(458);
+	var _VideoFilePlayer = __webpack_require__(459);
 
 	var _VideoFilePlayer2 = _interopRequireDefault(_VideoFilePlayer);
 
-	var _createPageFilePlayer = __webpack_require__(469);
+	var _createPageFilePlayer = __webpack_require__(471);
 
 	var _createPageFilePlayer2 = _interopRequireDefault(_createPageFilePlayer);
 
 	var _selectors = __webpack_require__(405);
 
-	var _selectors2 = __webpack_require__(443);
+	var _selectors2 = __webpack_require__(444);
 
 	var _utils = __webpack_require__(380);
 
@@ -22133,7 +22261,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	};
 
 /***/ },
-/* 458 */
+/* 459 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -22159,15 +22287,15 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  );
 	};
 
-	var _createFilePlayer = __webpack_require__(459);
+	var _createFilePlayer = __webpack_require__(460);
 
 	var _createFilePlayer2 = _interopRequireDefault(_createFilePlayer);
 
-	var _Positioner = __webpack_require__(465);
+	var _Positioner = __webpack_require__(467);
 
 	var _Positioner2 = _interopRequireDefault(_Positioner);
 
-	var _sources = __webpack_require__(468);
+	var _sources = __webpack_require__(470);
 
 	var _sources2 = _interopRequireDefault(_sources);
 
@@ -22185,7 +22313,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	});
 
 /***/ },
-/* 459 */
+/* 460 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -22325,32 +22453,34 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  return result;
 	};
 
-	var _MediaTag = __webpack_require__(460);
+	var _MediaTag = __webpack_require__(461);
 
 	var _MediaTag2 = _interopRequireDefault(_MediaTag);
 
-	var _createPageflowPlayer = __webpack_require__(461);
+	var _createPageflowPlayer = __webpack_require__(462);
 
 	var _createPageflowPlayer2 = _interopRequireDefault(_createPageflowPlayer);
 
-	var _watchPlayer = __webpack_require__(462);
+	var _watchPlayer = __webpack_require__(463);
 
 	var _watchPlayer2 = _interopRequireDefault(_watchPlayer);
 
-	var _actions = __webpack_require__(454);
+	var _actions = __webpack_require__(455);
 
-	var _handlePlayerState = __webpack_require__(463);
+	var _handlePlayerState = __webpack_require__(464);
 
-	var _textTracks = __webpack_require__(464);
+	var _textTracks = __webpack_require__(465);
 
-	var _selectors = __webpack_require__(453);
+	var _selectors = __webpack_require__(454);
 
-	var _selectors2 = __webpack_require__(448);
+	var _selectors2 = __webpack_require__(449);
 
-	var _selectors3 = __webpack_require__(443);
+	var _selectors3 = __webpack_require__(444);
 
 	var _selectors4 = __webpack_require__(402);
 
+	var _selectors5 = __webpack_require__(466);
+
 	var _react = __webpack_require__(304);
 
 	var _react2 = _interopRequireDefault(_react);
@@ -22367,14 +22497,31 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 
+	var slimPlayerControlsPresent = (0, _selectors5.widgetPresent)('slimPlayerControls');
+
 	function textTrackPosition(state, _ref2) {
 	  var playerState = _ref2.playerState;
 
-	  return playerState.controlsHidden ? 'auto' : 'top';
+	  if (slimPlayerControlsPresent(state)) {
+	    if (playerState.controlsHidden) {
+	      return 'auto';
+	    } else if (playerState.infoBoxHidden) {
+	      // `auto` and `auto.translated` are handled the same by the
+	      // logic that updates text track position. Passing two different
+	      // values ensures, that the text track position is actually
+	      // set. Otherwise text track position does not change, even
+	      // though the cue margins changed.
+	      return 'auto.translated';
+	    } else {
+	      return 'top';
+	    }
+	  } else {
+	    return playerState.controlsHidden ? 'auto' : 'top';
+	  }
 	}
 
 /***/ },
-/* 460 */
+/* 461 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -22564,7 +22711,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ },
-/* 461 */
+/* 462 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -22618,7 +22765,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ },
-/* 462 */
+/* 463 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -22659,7 +22806,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	};
 
 /***/ },
-/* 463 */
+/* 464 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -22718,7 +22865,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ },
-/* 464 */
+/* 465 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -22785,7 +22932,23 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ },
-/* 465 */
+/* 466 */
+/***/ function(module, exports) {
+
+	"use strict";
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	exports.widgetPresent = widgetPresent;
+	function widgetPresent(typeName) {
+	  return function (state) {
+	    return state.widgets[typeName];
+	  };
+	}
+
+/***/ },
+/* 467 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -22798,11 +22961,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	exports.default = Positioner;
 
-	var _getDimensions = __webpack_require__(466);
+	var _getDimensions = __webpack_require__(468);
 
 	var _getDimensions2 = _interopRequireDefault(_getDimensions);
 
-	var _getCueOffsetClassName = __webpack_require__(467);
+	var _getCueOffsetClassName = __webpack_require__(469);
 
 	var _getCueOffsetClassName2 = _interopRequireDefault(_getCueOffsetClassName);
 
@@ -22810,7 +22973,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _reactMeasure = __webpack_require__(430);
+	var _reactMeasure = __webpack_require__(431);
 
 	var _reactMeasure2 = _interopRequireDefault(_reactMeasure);
 
@@ -22853,7 +23016,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ },
-/* 466 */
+/* 468 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -22907,7 +23070,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	};
 
 /***/ },
-/* 467 */
+/* 469 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -22930,7 +23093,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ },
-/* 468 */
+/* 470 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -22977,7 +23140,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	};
 
 /***/ },
-/* 469 */
+/* 471 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -23020,7 +23183,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	var _utils = __webpack_require__(380);
 
 /***/ },
-/* 470 */
+/* 472 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -23074,7 +23237,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}))(MobilePageVideoPoster);
 
 /***/ },
-/* 471 */
+/* 473 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -23087,11 +23250,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	exports.PageBackgroundVideo = PageBackgroundVideo;
 
-	var _PageVideoPlayer = __webpack_require__(457);
+	var _PageVideoPlayer = __webpack_require__(458);
 
 	var _PageVideoPlayer2 = _interopRequireDefault(_PageVideoPlayer);
 
-	var _MobilePageVideoPoster = __webpack_require__(470);
+	var _MobilePageVideoPoster = __webpack_require__(472);
 
 	var _MobilePageVideoPoster2 = _interopRequireDefault(_MobilePageVideoPoster);
 
@@ -23130,7 +23293,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}))(PageBackgroundVideo);
 
 /***/ },
-/* 472 */
+/* 474 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -23142,11 +23305,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _components = __webpack_require__(302);
 
-	var _PageBackgroundVideo = __webpack_require__(471);
+	var _PageBackgroundVideo = __webpack_require__(473);
 
 	var _PageBackgroundVideo2 = _interopRequireDefault(_PageBackgroundVideo);
 
-	var _selectors = __webpack_require__(453);
+	var _selectors = __webpack_require__(454);
 
 	var _pages = __webpack_require__(310);
 
@@ -23184,7 +23347,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}))(PageBackgroundAsset);
 
 /***/ },
-/* 473 */
+/* 475 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -23196,7 +23359,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _components = __webpack_require__(302);
 
-	var _PageBackgroundAsset = __webpack_require__(472);
+	var _PageBackgroundAsset = __webpack_require__(474);
 
 	var _PageBackgroundAsset2 = _interopRequireDefault(_PageBackgroundAsset);
 
@@ -23212,7 +23375,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ },
-/* 474 */
+/* 476 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -23228,7 +23391,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _selectors = __webpack_require__(337);
 
-	var _selectors2 = __webpack_require__(443);
+	var _selectors2 = __webpack_require__(444);
 
 	var _utils = __webpack_require__(380);
 
@@ -23280,7 +23443,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ },
-/* 475 */
+/* 477 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -23463,20 +23626,29 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	          controlsHidden: true
 	        });
 
+	      case _actions.INFO_BOX_HIDDEN:
+	        return _extends({}, state, {
+	          infoBoxHidden: true
+	        });
+	      case _actions.INFO_BOX_VISIBLE:
+	        return _extends({}, state, {
+	          infoBoxHidden: false
+	        });
+
 	      default:
 	        return state;
 	    }
 	  };
 	};
 
-	var _actions = __webpack_require__(454);
+	var _actions = __webpack_require__(455);
 
-	var _actions2 = __webpack_require__(476);
+	var _actions2 = __webpack_require__(478);
 
 	var _actions3 = __webpack_require__(300);
 
 /***/ },
-/* 476 */
+/* 478 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -23506,7 +23678,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ },
-/* 477 */
+/* 479 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -23516,38 +23688,34 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	});
 	exports.default = _callee;
 
-	var _togglePlaying = __webpack_require__(478);
+	var _togglePlaying = __webpack_require__(480);
 
 	var _togglePlaying2 = _interopRequireDefault(_togglePlaying);
 
-	var _handlePageDidActivate = __webpack_require__(479);
+	var _handlePageDidActivate = __webpack_require__(481);
 
 	var _handlePageDidActivate2 = _interopRequireDefault(_handlePageDidActivate);
 
-	var _disableScrollIndicatorDuringPlayback = __webpack_require__(480);
+	var _disableScrollIndicatorDuringPlayback = __webpack_require__(482);
 
 	var _disableScrollIndicatorDuringPlayback2 = _interopRequireDefault(_disableScrollIndicatorDuringPlayback);
 
-	var _hasNotBeenPlayingForAMoment = __webpack_require__(481);
+	var _hasNotBeenPlayingForAMoment = __webpack_require__(483);
 
 	var _hasNotBeenPlayingForAMoment2 = _interopRequireDefault(_hasNotBeenPlayingForAMoment);
 
-	var _idling = __webpack_require__(482);
+	var _idling = __webpack_require__(484);
 
 	var _idling2 = _interopRequireDefault(_idling);
 
-	var _fadeOutWhenPageWillDeactivate = __webpack_require__(483);
+	var _fadeOutWhenPageWillDeactivate = __webpack_require__(485);
 
 	var _fadeOutWhenPageWillDeactivate2 = _interopRequireDefault(_fadeOutWhenPageWillDeactivate);
 
-	var _goToNextPageOnEnd = __webpack_require__(484);
+	var _goToNextPageOnEnd = __webpack_require__(486);
 
 	var _goToNextPageOnEnd2 = _interopRequireDefault(_goToNextPageOnEnd);
 
-	var _controlsHidden = __webpack_require__(485);
-
-	var _controlsHidden2 = _interopRequireDefault(_controlsHidden);
-
 	var _utils = __webpack_require__(380);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -23573,7 +23741,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	          }
 
 	          if (options.hideControls) {
-	            sagas.push([(0, _idling2.default)(), (0, _controlsHidden2.default)()]);
+	            sagas.push([(0, _idling2.default)()]);
 	          }
 
 	          _context.next = 6;
@@ -23588,7 +23756,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ },
-/* 478 */
+/* 480 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -23598,11 +23766,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	});
 	exports.default = _callee;
 
-	var _actions = __webpack_require__(454);
+	var _actions = __webpack_require__(455);
 
-	var _actions2 = __webpack_require__(476);
+	var _actions2 = __webpack_require__(478);
 
-	var _selectors = __webpack_require__(453);
+	var _selectors = __webpack_require__(454);
 
 	var _reduxSaga = __webpack_require__(349);
 
@@ -23665,7 +23833,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ },
-/* 479 */
+/* 481 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -23681,7 +23849,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _actions = __webpack_require__(300);
 
-	var _actions2 = __webpack_require__(454);
+	var _actions2 = __webpack_require__(455);
 
 	var _selectors = __webpack_require__(337);
 
@@ -23771,7 +23939,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ },
-/* 480 */
+/* 482 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -23785,7 +23953,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _effects = __webpack_require__(345);
 
-	var _actions = __webpack_require__(454);
+	var _actions = __webpack_require__(455);
 
 	var _selectors = __webpack_require__(337);
 
@@ -23866,7 +24034,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ },
-/* 481 */
+/* 483 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -23880,7 +24048,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _effects = __webpack_require__(345);
 
-	var _actions = __webpack_require__(454);
+	var _actions = __webpack_require__(455);
 
 	var _marked = [_callee3].map(regeneratorRuntime.mark);
 
@@ -23939,7 +24107,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ },
-/* 482 */
+/* 484 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -23953,9 +24121,9 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _effects = __webpack_require__(345);
 
-	var _actions = __webpack_require__(454);
+	var _actions = __webpack_require__(455);
 
-	var _actions2 = __webpack_require__(476);
+	var _actions2 = __webpack_require__(478);
 
 	var _marked = [_callee, putAfterDelay].map(regeneratorRuntime.mark);
 
@@ -23999,7 +24167,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ },
-/* 483 */
+/* 485 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -24013,7 +24181,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _effects = __webpack_require__(345);
 
-	var _actions = __webpack_require__(454);
+	var _actions = __webpack_require__(455);
 
 	var _actions2 = __webpack_require__(300);
 
@@ -24056,7 +24224,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ },
-/* 484 */
+/* 486 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -24070,7 +24238,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _effects = __webpack_require__(345);
 
-	var _actions = __webpack_require__(454);
+	var _actions = __webpack_require__(455);
 
 	var _selectors = __webpack_require__(337);
 
@@ -24127,149 +24295,6 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  pageflow.slides.next();
 	}
 
-/***/ },
-/* 485 */
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = _callee4;
-
-	var _reduxSaga = __webpack_require__(349);
-
-	var _effects = __webpack_require__(345);
-
-	var _actions = __webpack_require__(454);
-
-	var _selectors = __webpack_require__(453);
-
-	var _selectors2 = __webpack_require__(486);
-
-	var _actions2 = __webpack_require__(476);
-
-	var _marked = [_callee4].map(regeneratorRuntime.mark);
-
-	var _actionCreators = (0, _actions.actionCreators)(),
-	    controlsHidden = _actionCreators.controlsHidden;
-
-	var classicPlayerControlsPresent = (0, _selectors2.widgetPresent)('classicPlayerControls');
-
-	function _callee4() {
-	  return regeneratorRuntime.wrap(function _callee4$(_context4) {
-	    while (1) {
-	      switch (_context4.prev = _context4.next) {
-	        case 0:
-	          _context4.next = 2;
-	          return (0, _reduxSaga.takeEvery)([_actions.PLAY, _actions.USER_IDLE, _actions.CONTROLS_LEFT], regeneratorRuntime.mark(function _callee3() {
-	            var state;
-	            return regeneratorRuntime.wrap(function _callee3$(_context3) {
-	              while (1) {
-	                switch (_context3.prev = _context3.next) {
-	                  case 0:
-	                    _context3.next = 2;
-	                    return (0, _effects.select)((0, _selectors.playerState)());
-
-	                  case 2:
-	                    state = _context3.sent;
-
-	                    if (!(!state.userIsIdle || state.userHoveringControls || !state.isPlaying)) {
-	                      _context3.next = 5;
-	                      break;
-	                    }
-
-	                    return _context3.abrupt('return');
-
-	                  case 5:
-	                    _context3.next = 7;
-	                    return (0, _effects.race)({
-	                      task: (0, _effects.call)(regeneratorRuntime.mark(function _callee() {
-	                        return regeneratorRuntime.wrap(function _callee$(_context) {
-	                          while (1) {
-	                            switch (_context.prev = _context.next) {
-	                              case 0:
-	                                _context.next = 2;
-	                                return (0, _effects.select)(classicPlayerControlsPresent);
-
-	                              case 2:
-	                                if (!_context.sent) {
-	                                  _context.next = 7;
-	                                  break;
-	                                }
-
-	                                _context.next = 5;
-	                                return (0, _effects.call)(_reduxSaga.delay, 2500);
-
-	                              case 5:
-	                                _context.next = 9;
-	                                break;
-
-	                              case 7:
-	                                _context.next = 9;
-	                                return (0, _effects.call)(_reduxSaga.delay, 1200);
-
-	                              case 9:
-	                                _context.next = 11;
-	                                return (0, _effects.put)(controlsHidden());
-
-	                              case 11:
-	                              case 'end':
-	                                return _context.stop();
-	                            }
-	                          }
-	                        }, _callee, this);
-	                      })),
-	                      cancel: (0, _effects.call)(regeneratorRuntime.mark(function _callee2() {
-	                        return regeneratorRuntime.wrap(function _callee2$(_context2) {
-	                          while (1) {
-	                            switch (_context2.prev = _context2.next) {
-	                              case 0:
-	                                _context2.next = 2;
-	                                return (0, _effects.take)([_actions.PAUSED, _actions.ENDED, _actions.USER_INTERACTION, _actions.CONTROLS_ENTERED, _actions2.HOTKEY_TAB]);
-
-	                              case 2:
-	                              case 'end':
-	                                return _context2.stop();
-	                            }
-	                          }
-	                        }, _callee2, this);
-	                      }))
-	                    });
-
-	                  case 7:
-	                  case 'end':
-	                    return _context3.stop();
-	                }
-	              }
-	            }, _callee3, this);
-	          }));
-
-	        case 2:
-	        case 'end':
-	          return _context4.stop();
-	      }
-	    }
-	  }, _marked[0], this);
-	}
-
-/***/ },
-/* 486 */
-/***/ function(module, exports) {
-
-	"use strict";
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.widgetPresent = widgetPresent;
-	function widgetPresent(typeName) {
-	  return function (state) {
-	    return state.widgets[typeName];
-	  };
-	}
-
 /***/ },
 /* 487 */
 /***/ function(module, exports, __webpack_require__) {
@@ -24285,7 +24310,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _effects = __webpack_require__(345);
 
-	var _actions = __webpack_require__(454);
+	var _actions = __webpack_require__(455);
 
 	var _actions2 = __webpack_require__(300);
 
@@ -24785,7 +24810,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _registerPageType2 = _interopRequireDefault(_registerPageType);
 
-	var _media = __webpack_require__(449);
+	var _media = __webpack_require__(450);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -25727,9 +25752,9 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  value: true
 	});
 
-	var _keyCodes = __webpack_require__(436);
+	var _keyCodes = __webpack_require__(437);
 
-	var _actions = __webpack_require__(476);
+	var _actions = __webpack_require__(478);
 
 	exports.default = {
 	  init: function init(_ref) {
@@ -26005,7 +26030,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	});
 	exports.register = register;
 
-	var _media = __webpack_require__(449);
+	var _media = __webpack_require__(450);
 
 	var _PageAudioFilePlayer = __webpack_require__(527);
 
@@ -26017,11 +26042,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _pages = __webpack_require__(310);
 
-	var _selectors = __webpack_require__(453);
+	var _selectors = __webpack_require__(454);
 
 	var _selectors2 = __webpack_require__(337);
 
-	var _selectors3 = __webpack_require__(447);
+	var _selectors3 = __webpack_require__(448);
 
 	var _selectors4 = __webpack_require__(405);
 
@@ -26071,7 +26096,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  value: true
 	});
 
-	var _createPageFilePlayer = __webpack_require__(469);
+	var _createPageFilePlayer = __webpack_require__(471);
 
 	var _createPageFilePlayer2 = _interopRequireDefault(_createPageFilePlayer);
 
@@ -26093,7 +26118,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  value: true
 	});
 
-	var _createFilePlayer = __webpack_require__(459);
+	var _createFilePlayer = __webpack_require__(460);
 
 	var _createFilePlayer2 = _interopRequireDefault(_createFilePlayer);
 
@@ -26122,7 +26147,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _components = __webpack_require__(302);
 
-	var _media = __webpack_require__(449);
+	var _media = __webpack_require__(450);
 
 	var _registerPageType = __webpack_require__(493);
 
@@ -26178,7 +26203,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	});
 	exports.register = register;
 
-	var _media = __webpack_require__(449);
+	var _media = __webpack_require__(450);
 
 	var _registerPageType = __webpack_require__(493);
 
@@ -26186,11 +26211,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _pages = __webpack_require__(310);
 
-	var _selectors = __webpack_require__(453);
+	var _selectors = __webpack_require__(454);
 
 	var _selectors2 = __webpack_require__(337);
 
-	var _selectors3 = __webpack_require__(447);
+	var _selectors3 = __webpack_require__(448);
 
 	var _selectors4 = __webpack_require__(405);