pageflow 13.0.0.beta6 → 13.0.0.beta7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 458327814cd6e67033d7f9c3eb59ef4e57ef23fb9770d151eb495c7b7fd18981
-  data.tar.gz: 2577102237697ecafac73bbe449822de477a3612fb3ffcd1c4242c82e971be53
+  metadata.gz: 36f82705b65879a75946b3528efeb001eced6ad262adf0f3157222fb81963aa8
+  data.tar.gz: b9ac60ca8a101b56ed12fc4339d615704dbbc5fe39f20aaad52a815509dad3ff
 SHA512:
-  metadata.gz: 3bf9a2085255a19a7f649a8409a2b5421efd318a6ab1d29c234118b9850749072bcbca405cacf41495a6c0dc7bbf5d60d6714c5906c88f02849924b8b7984c90
-  data.tar.gz: 638c991b271ee8498bb7431b154193782e302b9fc257c949340e17391d966ef1fb38e64e761b47b5af93567a76b026e1b88f550917384b5a8cfe10545859127d
+  metadata.gz: fc8389c46ee06a9362d826cb9fb61b58744070f0adc348ebcf0ee3264cbabae323d2781484b3534da819ce3c133f3afa597cedb6969e92e5f843b531b694bee1
+  data.tar.gz: c3be354d3d2a788ba26d76694e0444306f0fe781edefec72ec2b735a357cde1c951ef31937bc66603a0fbcd179bc3ebc8c09c5671a0b53ce985be15c353c8ee9

data/CHANGELOG.md

@@ -1,5 +1,79 @@
 # CHANGELOG
 
+### Version 13.0.0.beta7
+
+2018-10-23
+
+[Compare changes](https://github.com/codevise/pageflow/compare/v13.0.0.beta6...v13.0.0.beta7)
+
+#### Breaking Changes
+
+- Breaking change: Remove panorama mask image file style
+  ([#1044](https://github.com/codevise/pageflow/pull/1044))
+
+- Semi-official JavaScript API for registering custom page transitions
+  changed
+  ([#1043](https://github.com/codevise/pageflow/pull/1043),
+   [#1045](https://github.com/codevise/pageflow/pull/1045))
+
+#### Published Entries
+
+- Option to allow horizontal swiping to change pages on phone
+  ([#1040](https://github.com/codevise/pageflow/pull/1040),
+   [#1042](https://github.com/codevise/pageflow/pull/1042),
+   [#1041](https://github.com/codevise/pageflow/pull/1041))
+- Use "swipe to continue" for scroll indicator on mobile
+  ([#1037](https://github.com/codevise/pageflow/pull/1037))
+- Prevent using desktop layout for landscape phones
+  ([#1039](https://github.com/codevise/pageflow/pull/1039))
+- Hide scroll indicator during video also on iOS
+  ([#1038](https://github.com/codevise/pageflow/pull/1038))
+- Make JSON seed safe to embed in html
+  ([#1030](https://github.com/codevise/pageflow/pull/1030))
+- Fix position of scroll indicator arrow icon
+  ([#1021](https://github.com/codevise/pageflow/pull/1021))
+- Improve iScroll
+  ([#1020](https://github.com/codevise/pageflow/pull/1020))
+- Improve quality of panorama image file styles
+  ([#1019](https://github.com/codevise/pageflow/pull/1019))
+
+#### Editor
+
+- Add additionalInlineHelpText option to input views
+  ([#1036](https://github.com/codevise/pageflow/pull/1036))
+- Allow displaying help images in editor
+  ([#1035](https://github.com/codevise/pageflow/pull/1035))
+- Allow using html in infobox view
+  ([#1034](https://github.com/codevise/pageflow/pull/1034))
+- Add phone emulation mode to editor
+  ([#1027](https://github.com/codevise/pageflow/pull/1027))
+- Validate attachment presence for image and hosted files
+  ([#1028](https://github.com/codevise/pageflow/pull/1028))
+- Improve files js api
+  ([#1025](https://github.com/codevise/pageflow/pull/1025))
+- Add view to display unfinished file stages
+  ([#1023](https://github.com/codevise/pageflow/pull/1023))
+- Improve transient references
+  ([#1022](https://github.com/codevise/pageflow/pull/1022))
+
+#### Rails Engine
+
+- Add shared example to pageflow-support to lint file types
+  ([#1026](https://github.com/codevise/pageflow/pull/1026))
+- Custom params for file types
+  ([#1024](https://github.com/codevise/pageflow/pull/1024))
+- File type background image rules for generated css
+  ([#944](https://github.com/codevise/pageflow/pull/944))
+
+#### Internal
+
+- Add Ruby 2.5.3 to Travis file
+  ([#1031](https://github.com/codevise/pageflow/pull/1031))
+- Add "Reviewed by Hound" badge
+  ([#1032](https://github.com/codevise/pageflow/pull/1032))
+- Improve hosted file factory
+  ([#1029](https://github.com/codevise/pageflow/pull/1029))
+
 ### Version 13.0.0.beta6
 
 2018-10-18

data/README.md

@@ -4,6 +4,7 @@
 [![Build Status](https://travis-ci.org/codevise/pageflow.svg?branch=master)](https://travis-ci.org/codevise/pageflow)
 [![Coverage Status](https://coveralls.io/repos/github/codevise/pageflow/badge.svg?branch=master)](https://coveralls.io/github/codevise/pageflow?branch=master)
 [![Code Climate](https://codeclimate.com/github/codevise/pageflow/badges/gpa.svg)](https://codeclimate.com/github/codevise/pageflow)
+[![Reviewed by Hound](https://img.shields.io/badge/Reviewed_by-Hound-8E64B0.svg)](https://houndci.com)
 
 Multimedia storytelling for the web.
 

data/app/assets/javascripts/pageflow/asset_urls.js.erb

@@ -1,7 +1,7 @@
 pageflow.assetUrls = {
+  unmuteSound: '<%= asset_path("pageflow/unmute.mp3") %>',
   largeBandwidthProbe: '<%= Rails.env.test? ? asset_path("bandwidth_probe_large.png") : "//#{File.join(Pageflow.config.zencoder_options[:s3_host_alias], "bandwidth_probe_large.png")}" %>',
   smallBandwidthProbe: '<%= Rails.env.test? ? asset_path("bandwidth_probe_small.png") : "//#{File.join(Pageflow.config.zencoder_options[:s3_host_alias], "bandwidth_probe_small.png")}" %>',
-  audioSwf: '<%= asset_path "pageflow/audio5js.swf" %>',
   emptyMp4: '<%= asset_path "pageflow/empty.mp4" %>',
   emptyWebm: '<%= asset_path "pageflow/empty.webm" %>'
 };

data/app/assets/javascripts/pageflow/audio/multi_player.js

@@ -128,6 +128,10 @@ pageflow.Audio.MultiPlayer = function(pool, options) {
     that.listenTo(player, 'ended', function() {
       that.trigger('ended', {audioFileId: id});
     });
+
+    that.listenTo(player, 'playfailed', function() {
+      that.trigger('playfailed', {audioFileId: id});
+    });
   }
 
   function stopEventPropagation(player) {

data/app/assets/javascripts/pageflow/audio_player.js

@@ -40,7 +40,7 @@ pageflow.AudioPlayer = function(sources, options) {
     swf_path: pageflow.assetUrls.audioSwf,
     throw_errors: false,
     format_time: false,
-    codecs: ['vorbis', 'mp4', 'mp3'],
+    codecs: options.codecs || ['vorbis', 'mp4', 'mp3'],
     ready: ready.resolve,
     loop: options.loop
   });

data/app/assets/javascripts/pageflow/background_media.js

@@ -0,0 +1,22 @@
+/**
+ * Mute feature settings for background media (ATMO and background videos)
+ *
+ * @since edge
+ */
+pageflow.backgroundMedia = {
+  muted: false,
+
+  unmute: function() {
+    if (this.muted) {
+      this.muted = false;
+      pageflow.events.trigger('background_media:unmute');
+    }
+  },
+
+  mute: function() {
+    if (!this.muted) {
+      this.muted = true;
+      pageflow.events.trigger('background_media:mute');
+    }
+  }
+};

data/app/assets/javascripts/pageflow/base.js

@@ -10,6 +10,7 @@
 //= require_self
 
 //= require ./object
+//= require ./background_media
 //= require ./entry_data
 //= require ./seed_entry_data
 //= require ./cookies

data/app/assets/javascripts/pageflow/browser/agent.js

@@ -2,83 +2,97 @@
  * Detect browser via user agent. Use only if feature detection is not
  * an option.
  */
-pageflow.browser.agent = {
-  matchesSilk: function() {
-    return navigator.userAgent.match(/\bSilk\b/);
-  },
-
-  matchesDesktopSafari9: function() {
-    return this.matchesSafari9() && !this.matchesMobilePlatform();
-  },
-
-  matchesDesktopSafari10: function() {
-    return this.matchesSafari10() && !this.matchesMobilePlatform();
-  },
-
-  matchesSafari9: function() {
-    return this.matchesSafari() &&
-      this._matches(/Version\/9/i);
-  },
-
-  matchesSafari10: function() {
-    return this.matchesSafari() &&
-      this._matches(/Version\/10/i);
-  },
-
-  matchesSafari11: function() {
-    return this.matchesSafari() &&
-      this._matches(/Version\/11/i);
-  },
-
-  matchesSafari: function() {
-    // - Chrome also reports to be a Safari
-    // - Safari does not report to be a Chrome
-    // - Edge also reports to be a Safari, but also reports to be Chrome
-    return this._matches(/Safari\//i) &&
-      !this._matches(/Chrome/i);
-  },
-
-  /**
-   * Returns true on iOS Safari.
-   * @return {boolean}
-   */
-  matchesMobileSafari: function() {
-    var matchers = [/iPod/i, /iPad/i, /iPhone/i];
-
-    return _.any(matchers, function(matcher) {
-      return navigator.userAgent.match(matcher);
-    });
-  },
-
-  /**
-   * Returns true on iOS or Android.
-   * @return {boolean}
-   */
-  matchesMobilePlatform: function() {
-    var matchers = [/iPod/i, /iPad/i, /iPhone/i, /Android/i, /Silk/i, /IEMobile/i];
-
-    return _.any(matchers, function(matcher) {
-      return navigator.userAgent.match(matcher);
-    });
-  },
-
-  /**
-   * Returns true on Internet Explorser version 9, 10 and 11.
-   * @return {boolean}
-   */
-  matchesIEUpTo11: function() {
-    return navigator.userAgent.match(/Trident\//);
-  },
-
-  /**
-   * Returns true in InApp browser of Facebook app.
-   * @return {boolean}
-   */
-  matchesFacebookInAppBrowser: function() {
-    return navigator.userAgent.match(/FBAN/) && navigator.userAgent.match(/FBAV/);
-  },
-
-  _matches: function(exp) {
-    return navigator.userAgent.match(exp);
+pageflow.browser.Agent = function(userAgent) {
+  return {
+    matchesSilk: function() {
+      return matches(/\bSilk\b/);
+    },
+
+    matchesDesktopSafari9: function() {
+      return this.matchesSafari9() && !this.matchesMobilePlatform();
+    },
+
+    matchesDesktopSafari10: function() {
+      return this.matchesSafari10() && !this.matchesMobilePlatform();
+    },
+
+    matchesSafari9: function() {
+      return this.matchesSafari() &&
+             matches(/Version\/9/i);
+    },
+
+    matchesSafari10: function() {
+      return this.matchesSafari() &&
+             matches(/Version\/10/i);
+    },
+
+    matchesSafari11: function() {
+      return this.matchesSafari() &&
+             matches(/Version\/11/i);
+    },
+
+    matchesSafari11AndAbove: function() {
+      return this.matchesSafari() &&
+             captureGroupGreaterOrEqual(/Version\/(\d+)/i, 11);
+    },
+
+    matchesSafari: function() {
+      // - Chrome also reports to be a Safari
+      // - Safari does not report to be a Chrome
+      // - Edge also reports to be a Safari, but also reports to be Chrome
+      return matches(/Safari\//i) &&
+             !matches(/Chrome/i);
+    },
+
+    /**
+     * Returns true on iOS Safari.
+     * @return {boolean}
+     */
+    matchesMobileSafari: function() {
+      var matchers = [/iPod/i, /iPad/i, /iPhone/i];
+
+      return _.any(matchers, function(matcher) {
+        return userAgent.match(matcher);
+      });
+    },
+
+    /**
+     * Returns true on iOS or Android.
+     * @return {boolean}
+     */
+    matchesMobilePlatform: function() {
+      var matchers = [/iPod/i, /iPad/i, /iPhone/i, /Android/i, /Silk/i, /IEMobile/i];
+
+      return _.any(matchers, function(matcher) {
+        return userAgent.match(matcher);
+      });
+    },
+
+    /**
+     * Returns true on Internet Explorser version 9, 10 and 11.
+     * @return {boolean}
+     */
+    matchesIEUpTo11: function() {
+      return userAgent.match(/Trident\//);
+    },
+
+    /**
+     * Returns true in InApp browser of Facebook app.
+     * @return {boolean}
+     */
+    matchesFacebookInAppBrowser: function() {
+      return userAgent.match(/FBAN/) && userAgent.match(/FBAV/);
+    }
+  };
+
+  function matches(exp) {
+    return !!userAgent.match(exp);
+  }
+
+  function captureGroupGreaterOrEqual(exp, version) {
+    var match = userAgent.match(exp);
+    return match && match[1] && parseInt(match[1], 10) >= version;
   }
 };
+
+pageflow.browser.agent = new pageflow.browser.Agent(navigator.userAgent);

data/app/assets/javascripts/pageflow/browser/autoplay_support.js

@@ -1,4 +1,4 @@
 pageflow.browser.feature('autoplay support', function(has) {
-  return !pageflow.browser.agent.matchesSafari11() &&
-    !pageflow.browser.agent.matchesMobilePlatform();
+  return !pageflow.browser.agent.matchesSafari11AndAbove() &&
+         !pageflow.browser.agent.matchesMobilePlatform();
 });

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

@@ -8901,19 +8901,19 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _media = __webpack_require__(494);
 
-	var _interactivePageBackground = __webpack_require__(532);
+	var _interactivePageBackground = __webpack_require__(535);
 
 	var _pages = __webpack_require__(348);
 
-	var _registerPageType = __webpack_require__(537);
+	var _registerPageType = __webpack_require__(540);
 
 	var _registerPageType2 = _interopRequireDefault(_registerPageType);
 
-	var _registerPageTypeWithDefaultBackground = __webpack_require__(539);
+	var _registerPageTypeWithDefaultBackground = __webpack_require__(542);
 
 	var _registerPageTypeWithDefaultBackground2 = _interopRequireDefault(_registerPageTypeWithDefaultBackground);
 
-	var _registerWidgetType = __webpack_require__(540);
+	var _registerWidgetType = __webpack_require__(543);
 
 	var _registerWidgetType2 = _interopRequireDefault(_registerWidgetType);
 
@@ -8935,19 +8935,21 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _utils = __webpack_require__(339);
 
-	var _ServerSidePage = __webpack_require__(541);
+	var _ServerSidePage = __webpack_require__(544);
 
 	var _ServerSidePage2 = _interopRequireDefault(_ServerSidePage);
 
-	var _builtInPageTypes = __webpack_require__(580);
+	var _builtInPageTypes = __webpack_require__(586);
 
-	var _cookieNotice = __webpack_require__(545);
+	var _backgroundMedia = __webpack_require__(548);
 
-	var _pageflow = __webpack_require__(586);
+	var _cookieNotice = __webpack_require__(551);
+
+	var _pageflow = __webpack_require__(592);
 
 	var _pageflow2 = _interopRequireDefault(_pageflow);
 
-	var _boot = __webpack_require__(542);
+	var _boot = __webpack_require__(545);
 
 	var _boot2 = _interopRequireDefault(_boot);
 
@@ -8957,6 +8959,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	(0, _builtInPageTypes.register)();
 	(0, _cookieNotice.registerWidgetTypes)();
+	(0, _backgroundMedia.registerWidgetTypes)();
 
 	if (_pageflow2.default.events) {
 	  _pageflow2.default.events.on('seed:loaded', function () {
@@ -23686,46 +23689,50 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _Page2 = _interopRequireDefault(_Page);
 
-	var _PageVideoPlayer = __webpack_require__(502);
+	var _PageVideoPlayer = __webpack_require__(503);
 
 	var _PageVideoPlayer2 = _interopRequireDefault(_PageVideoPlayer);
 
-	var _MobilePageVideoPoster = __webpack_require__(516);
+	var _MobilePageVideoPoster = __webpack_require__(517);
 
 	var _MobilePageVideoPoster2 = _interopRequireDefault(_MobilePageVideoPoster);
 
-	var _PageBackgroundVideo = __webpack_require__(517);
+	var _PageBackgroundVideo = __webpack_require__(518);
 
 	var _PageBackgroundVideo2 = _interopRequireDefault(_PageBackgroundVideo);
 
-	var _PageBackgroundAsset = __webpack_require__(518);
+	var _PageBackgroundAsset = __webpack_require__(519);
 
 	var _PageBackgroundAsset2 = _interopRequireDefault(_PageBackgroundAsset);
 
-	var _PageBackground = __webpack_require__(519);
+	var _PageBackground = __webpack_require__(520);
 
 	var _PageBackground2 = _interopRequireDefault(_PageBackground);
 
-	var _PagePrintImage = __webpack_require__(520);
+	var _PagePrintImage = __webpack_require__(521);
 
 	var _PagePrintImage2 = _interopRequireDefault(_PagePrintImage);
 
-	var _createReducer = __webpack_require__(521);
+	var _createReducer = __webpack_require__(522);
 
 	var _createReducer2 = _interopRequireDefault(_createReducer);
 
-	var _sagas = __webpack_require__(523);
+	var _sagas = __webpack_require__(524);
 
 	var _sagas2 = _interopRequireDefault(_sagas);
 
-	var _fadeInWhenPageWillActivate = __webpack_require__(531);
+	var _fadeInWhenPageWillActivate = __webpack_require__(534);
 
 	var _fadeInWhenPageWillActivate2 = _interopRequireDefault(_fadeInWhenPageWillActivate);
 
-	var _fadeOutWhenPageWillDeactivate = __webpack_require__(529);
+	var _fadeOutWhenPageWillDeactivate = __webpack_require__(532);
 
 	var _fadeOutWhenPageWillDeactivate2 = _interopRequireDefault(_fadeOutWhenPageWillDeactivate);
 
+	var _muteBackgroundMediaOnPlayFailed = __webpack_require__(526);
+
+	var _muteBackgroundMediaOnPlayFailed2 = _interopRequireDefault(_muteBackgroundMediaOnPlayFailed);
+
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 	function reduxModule(options) {
@@ -23763,7 +23770,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	        switch (_context2.prev = _context2.next) {
 	          case 0:
 	            _context2.next = 2;
-	            return [(0, _fadeInWhenPageWillActivate2.default)({ scope: 'background' }), (0, _fadeOutWhenPageWillDeactivate2.default)({ scope: 'background' })];
+	            return [(0, _fadeInWhenPageWillActivate2.default)({ scope: 'background' }), (0, _fadeOutWhenPageWillDeactivate2.default)({ scope: 'background' }), (0, _muteBackgroundMediaOnPlayFailed2.default)()];
 
 	          case 2:
 	          case 'end':
@@ -23801,7 +23808,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _PlayerControls2 = _interopRequireDefault(_PlayerControls);
 
-	var _NonJsLinks = __webpack_require__(500);
+	var _NonJsLinks = __webpack_require__(501);
 
 	var _NonJsLinks2 = _interopRequireDefault(_NonJsLinks);
 
@@ -23874,12 +23881,16 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	    file: (0, _selectors.prop)('file'),
 	    defaultTextTrackFileId: (0, _selectors.prop)('page.defaultTextTrackFileId')
 	  }),
-	  hasAutoplaySupport: (0, _selectors.has)('autoplay support')
+	  hasAutoplaySupport: (0, _selectors.has)('autoplay support'),
+	  shouldAutoplay: (0, _selectors2.pageShouldAutoplay)({
+	    id: (0, _selectors.prop)('page.permaId'),
+	    autoplayWhenBackgroundMediaMuted: (0, _selectors.prop)('autoplayWhenBackgroundMediaMuted')
+	  })
 	}))(MediaPage);
 
 
 	function willAutoplay(props) {
-	  return props.page.autoplay !== false && props.hasAutoplaySupport;
+	  return props.shouldAutoplay && props.hasAutoplaySupport && !props.playerState.playFailed;
 	}
 
 	function pageWraperClassName(className, autoplay, textTracks, playerState) {
@@ -24130,6 +24141,8 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	exports.playerActions = playerActions;
 	exports.textTracks = textTracks;
 	exports.videoQualitySetting = videoQualitySetting;
+	exports.pageShouldAutoplay = pageShouldAutoplay;
+	exports.pageHasAutoplayOption = pageHasAutoplayOption;
 
 	var _actions = __webpack_require__(499);
 
@@ -24141,6 +24154,8 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _selectors4 = __webpack_require__(486);
 
+	var _selectors5 = __webpack_require__(500);
+
 	var _utils = __webpack_require__(339);
 
 	var _redux = __webpack_require__(351);
@@ -24237,6 +24252,21 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  return (0, _selectors3.setting)({ property: 'videoQuality' });
 	}
 
+	function pageShouldAutoplay(_ref4) {
+	  var autoplayWhenBackgroundMediaMuted = _ref4.autoplayWhenBackgroundMediaMuted,
+	      id = _ref4.id;
+
+	  return (0, _utils.memoizedSelector)(autoplayWhenBackgroundMediaMuted, pageHasAutoplayOption({ id: id }), _selectors5.muted, function (autoplayWhenBackgroundMediaMuted, autoplayOption, isBackgroudMediaMuted) {
+	    return autoplayOption && (!isBackgroudMediaMuted || autoplayWhenBackgroundMediaMuted);
+	  });
+	}
+
+	function pageHasAutoplayOption(options) {
+	  return (0, _utils.memoizedSelector)((0, _selectors2.pageAttribute)('autoplay', options), function (autoplayOption) {
+	    return autoplayOption !== false;
+	  });
+	}
+
 /***/ }),
 /* 499 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -24246,7 +24276,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	Object.defineProperty(exports, "__esModule", {
 	  value: true
 	});
-	exports.TOGGLE_INFO_BOX_DURING_PLAYBACK = exports.HIDE_INFO_BOX_DURING_PLAYBACK = exports.SHOW_INFO_BOX_DURING_PLAYBACK = 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.TOGGLE_INFO_BOX_DURING_PLAYBACK = exports.HIDE_INFO_BOX_DURING_PLAYBACK = exports.SHOW_INFO_BOX_DURING_PLAYBACK = 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.PLAY_MUTED = exports.PLAY_FAILED = 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;
@@ -24258,6 +24288,8 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	var PLAY_AND_FADE_IN = exports.PLAY_AND_FADE_IN = 'MEDIA_PLAY_AND_FADE_IN';
 	var PAUSE = exports.PAUSE = 'MEDIA_PAUSE';
 	var FADE_OUT_AND_PAUSE = exports.FADE_OUT_AND_PAUSE = 'MEDIA_FADE_OUT_AND_PAUSE';
+	var PLAY_FAILED = exports.PLAY_FAILED = 'MEDIA_PLAY_FAILED';
+	var PLAY_MUTED = exports.PLAY_MUTED = 'MEDIA_PLAY_MUTED';
 
 	var SCRUB_TO = exports.SCRUB_TO = 'MEDIA_SCRUB_TO';
 	var SEEK_TO = exports.SEEK_TO = 'MEDIA_SEEK_TO';
@@ -24325,6 +24357,12 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	        fadeDuration: fadeDuration
 	      });
 	    },
+	    playFailed: function playFailed() {
+	      return pageAction(PLAY_FAILED);
+	    },
+	    playMuted: function playMuted() {
+	      return pageAction(PLAY_MUTED);
+	    },
 	    scrubTo: function scrubTo(time) {
 	      return pageAction(SCRUB_TO, {
 	        time: time
@@ -24461,6 +24499,20 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 /***/ }),
 /* 500 */
+/***/ (function(module, exports) {
+
+	"use strict";
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	exports.muted = muted;
+	function muted(state) {
+	  return state.backgroundMedia.muted;
+	}
+
+/***/ }),
+/* 501 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -24474,7 +24526,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _selectors = __webpack_require__(486);
 
-	var _selectors2 = __webpack_require__(501);
+	var _selectors2 = __webpack_require__(502);
 
 	var _reactRedux = __webpack_require__(397);
 
@@ -24516,7 +24568,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}))(NonJsLinks);
 
 /***/ }),
-/* 501 */
+/* 502 */
 /***/ (function(module, exports) {
 
 	"use strict";
@@ -24532,7 +24584,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 502 */
+/* 503 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -24543,17 +24595,19 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	exports.VideoPlayer = undefined;
 	exports.default = PageVideoPlayer;
 
-	var _VideoFilePlayer = __webpack_require__(503);
+	var _VideoFilePlayer = __webpack_require__(504);
 
 	var _VideoFilePlayer2 = _interopRequireDefault(_VideoFilePlayer);
 
-	var _createPageFilePlayer = __webpack_require__(515);
+	var _createPageFilePlayer = __webpack_require__(516);
 
 	var _createPageFilePlayer2 = _interopRequireDefault(_createPageFilePlayer);
 
-	var _selectors = __webpack_require__(442);
+	var _selectors = __webpack_require__(500);
 
-	var _selectors2 = __webpack_require__(488);
+	var _selectors2 = __webpack_require__(442);
+
+	var _selectors3 = __webpack_require__(488);
 
 	var _utils = __webpack_require__(339);
 
@@ -24562,10 +24616,15 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 	var VideoPlayer = exports.VideoPlayer = (0, _reactRedux.connect)((0, _utils.combineSelectors)({
-	  file: (0, _selectors.file)('videoFiles', { id: (0, _selectors2.prop)('videoFileId') }),
-	  posterImageFile: (0, _selectors.file)('imageFiles', { id: (0, _selectors2.prop)('posterImageFileId') })
+	  file: (0, _selectors2.file)('videoFiles', { id: (0, _selectors3.prop)('videoFileId') }),
+	  posterImageFile: (0, _selectors2.file)('imageFiles', { id: (0, _selectors3.prop)('posterImageFileId') }),
+	  muted: muted
 	}))((0, _createPageFilePlayer2.default)(_VideoFilePlayer2.default));
 
+	function muted(state, props) {
+	  return props.muted || (0, _selectors.muted)(state);
+	}
+
 	function PageVideoPlayer(props) {
 	  var page = props.page;
 
@@ -24591,7 +24650,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	};
 
 /***/ }),
-/* 503 */
+/* 504 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -24617,15 +24676,15 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  );
 	};
 
-	var _createFilePlayer = __webpack_require__(504);
+	var _createFilePlayer = __webpack_require__(505);
 
 	var _createFilePlayer2 = _interopRequireDefault(_createFilePlayer);
 
-	var _Positioner = __webpack_require__(511);
+	var _Positioner = __webpack_require__(512);
 
 	var _Positioner2 = _interopRequireDefault(_Positioner);
 
-	var _sources = __webpack_require__(514);
+	var _sources = __webpack_require__(515);
 
 	var _sources2 = _interopRequireDefault(_sources);
 
@@ -24643,7 +24702,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	});
 
 /***/ }),
-/* 504 */
+/* 505 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -24674,6 +24733,8 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	      _this.displaysTextTracksInNativePlayer = _this.props.hasNativeVideoPlayer && tagName == 'video';
 
+	      _this.initiallyMuted = _this.props.muted;
+
 	      _this.updateAtmoSettings();
 
 	      _this.setupMediaTag = function (element) {
@@ -24717,7 +24778,9 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	          return;
 	        }
 
-	        (0, _handlePlayerState.updatePlayer)(this.player, prevProps.playerState, this.props.playerState, this.props.playerActions, this.props.playsInline);
+	        updatePlayerMuted(this.player, prevProps.muted, this.props.muted);
+
+	        (0, _handlePlayerState.updatePlayer)(this.player, prevProps.playerState, this.props.playerState, this.props.playerActions);
 
 	        if (!this.displaysTextTracksInNativePlayer) {
 	          (0, _textTracks.updateTextTracks)(this.player, prevProps.textTracks.activeFileId, this.props.textTracks.activeFileId, this.props.textTrackPosition);
@@ -24740,7 +24803,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	          tracks: (0, _textTracks.textTracksFromFiles)(this.props.textTracks.files, this.props.textTracksEnabled),
 	          poster: poster(this.props.file, this.props.posterImageFile),
 	          loop: this.props.loop,
-	          muted: this.props.muted,
+	          muted: this.initiallyMuted,
 	          playsInline: this.props.playsInline,
 	          alt: this.props.file.alt,
 
@@ -24785,23 +24848,23 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  return result;
 	};
 
-	var _MediaTag = __webpack_require__(505);
+	var _MediaTag = __webpack_require__(506);
 
 	var _MediaTag2 = _interopRequireDefault(_MediaTag);
 
-	var _createPageflowPlayer = __webpack_require__(506);
+	var _createPageflowPlayer = __webpack_require__(507);
 
 	var _createPageflowPlayer2 = _interopRequireDefault(_createPageflowPlayer);
 
-	var _watchPlayer = __webpack_require__(507);
+	var _watchPlayer = __webpack_require__(508);
 
 	var _watchPlayer2 = _interopRequireDefault(_watchPlayer);
 
 	var _actions = __webpack_require__(499);
 
-	var _handlePlayerState = __webpack_require__(508);
+	var _handlePlayerState = __webpack_require__(509);
 
-	var _textTracks = __webpack_require__(509);
+	var _textTracks = __webpack_require__(510);
 
 	var _selectors = __webpack_require__(498);
 
@@ -24811,7 +24874,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _selectors4 = __webpack_require__(439);
 
-	var _selectors5 = __webpack_require__(510);
+	var _selectors5 = __webpack_require__(511);
 
 	var _react = __webpack_require__(333);
 
@@ -24846,8 +24909,14 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  }
 	}
 
+	function updatePlayerMuted(player, prevMuted, muted) {
+	  if (prevMuted !== muted) {
+	    player.muted(muted);
+	  }
+	}
+
 /***/ }),
-/* 505 */
+/* 506 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -25037,7 +25106,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 506 */
+/* 507 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -25070,6 +25139,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	    bufferUnderrunWaiting: true,
 	    useSlimPlayerControlsDuringPhonePlayback: !playsInline && !isAudio,
 	    fullscreenDuringPhonePlayback: !playsInline && !isAudio,
+	    fallbackToMutedAutoplay: !isAudio,
 
 	    volumeFading: true,
 	    hooks: pageflow.atmo.createMediaPlayerHooks(atmoSettings),
@@ -25091,7 +25161,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 507 */
+/* 508 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -25115,6 +25185,8 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  });
 
 	  player.on('play', actions.playing);
+	  player.on('playfailed', actions.playFailed);
+	  player.on('playmuted', actions.playMuted);
 	  player.on('pause', actions.paused);
 	  player.on('waiting', actions.waiting);
 	  player.on('seeking', actions.seeking);
@@ -25133,7 +25205,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	};
 
 /***/ }),
-/* 508 */
+/* 509 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -25167,7 +25239,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  });
 	}
 
-	function updatePlayer(player, playerState, nextPlayerState, playerActions, playsInline) {
+	function updatePlayer(player, playerState, nextPlayerState, playerActions) {
 	  if (!playerState.shouldPrebuffer && nextPlayerState.shouldPrebuffer) {
 	    player.prebuffer().then(playerActions.prebuffered);
 	  }
@@ -25192,7 +25264,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 509 */
+/* 510 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -25263,7 +25335,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 510 */
+/* 511 */
 /***/ (function(module, exports) {
 
 	"use strict";
@@ -25279,7 +25351,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 511 */
+/* 512 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -25292,11 +25364,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	exports.default = Positioner;
 
-	var _getDimensions = __webpack_require__(512);
+	var _getDimensions = __webpack_require__(513);
 
 	var _getDimensions2 = _interopRequireDefault(_getDimensions);
 
-	var _getCueOffsetClassName = __webpack_require__(513);
+	var _getCueOffsetClassName = __webpack_require__(514);
 
 	var _getCueOffsetClassName2 = _interopRequireDefault(_getCueOffsetClassName);
 
@@ -25347,7 +25419,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 512 */
+/* 513 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -25401,7 +25473,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	};
 
 /***/ }),
-/* 513 */
+/* 514 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -25424,7 +25496,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 514 */
+/* 515 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -25471,7 +25543,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	};
 
 /***/ }),
-/* 515 */
+/* 516 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -25514,7 +25586,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	var _utils = __webpack_require__(339);
 
 /***/ }),
-/* 516 */
+/* 517 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -25568,7 +25640,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}))(MobilePageVideoPoster);
 
 /***/ }),
-/* 517 */
+/* 518 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -25581,11 +25653,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	exports.PageBackgroundVideo = PageBackgroundVideo;
 
-	var _PageVideoPlayer = __webpack_require__(502);
+	var _PageVideoPlayer = __webpack_require__(503);
 
 	var _PageVideoPlayer2 = _interopRequireDefault(_PageVideoPlayer);
 
-	var _MobilePageVideoPoster = __webpack_require__(516);
+	var _MobilePageVideoPoster = __webpack_require__(517);
 
 	var _MobilePageVideoPoster2 = _interopRequireDefault(_MobilePageVideoPoster);
 
@@ -25625,7 +25697,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}))(PageBackgroundVideo);
 
 /***/ }),
-/* 518 */
+/* 519 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -25637,7 +25709,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _components = __webpack_require__(331);
 
-	var _PageBackgroundVideo = __webpack_require__(517);
+	var _PageBackgroundVideo = __webpack_require__(518);
 
 	var _PageBackgroundVideo2 = _interopRequireDefault(_PageBackgroundVideo);
 
@@ -25679,7 +25751,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}))(PageBackgroundAsset);
 
 /***/ }),
-/* 519 */
+/* 520 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -25691,7 +25763,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _components = __webpack_require__(331);
 
-	var _PageBackgroundAsset = __webpack_require__(518);
+	var _PageBackgroundAsset = __webpack_require__(519);
 
 	var _PageBackgroundAsset2 = _interopRequireDefault(_PageBackgroundAsset);
 
@@ -25707,7 +25779,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 520 */
+/* 521 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -25775,7 +25847,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 521 */
+/* 522 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -25815,6 +25887,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	      case _actions.PLAY:
 	        return _extends({}, state, {
 	          shouldPlay: true,
+	          playFailed: false,
 	          hasBeenPlayingJustNow: true,
 	          unplayed: false,
 	          fadeDuration: null,
@@ -25824,6 +25897,15 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	        return _extends({}, state, {
 	          isPlaying: true
 	        });
+	      case _actions.PLAY_FAILED:
+	        return _extends({}, state, {
+	          shouldPlay: false,
+	          playFailed: true,
+	          hasBeenPlayingJustNow: false,
+	          unplayed: true,
+	          fadeDuration: null,
+	          isLoading: false
+	        });
 	      case _actions.PLAY_AND_FADE_IN:
 	        return _extends({}, state, {
 	          shouldPlay: true,
@@ -25981,12 +26063,12 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _actions = __webpack_require__(499);
 
-	var _actions2 = __webpack_require__(522);
+	var _actions2 = __webpack_require__(523);
 
 	var _actions3 = __webpack_require__(329);
 
 /***/ }),
-/* 522 */
+/* 523 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26016,7 +26098,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 523 */
+/* 524 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26024,33 +26106,40 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	Object.defineProperty(exports, "__esModule", {
 	  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; };
+
 	exports.default = _callee;
 
-	var _togglePlaying = __webpack_require__(524);
+	var _togglePlaying = __webpack_require__(525);
 
 	var _togglePlaying2 = _interopRequireDefault(_togglePlaying);
 
-	var _handlePageDidActivate = __webpack_require__(525);
+	var _muteBackgroundMediaOnPlayFailed = __webpack_require__(526);
+
+	var _muteBackgroundMediaOnPlayFailed2 = _interopRequireDefault(_muteBackgroundMediaOnPlayFailed);
+
+	var _handlePageDidActivate = __webpack_require__(527);
 
 	var _handlePageDidActivate2 = _interopRequireDefault(_handlePageDidActivate);
 
-	var _disableScrollIndicatorDuringPlayback = __webpack_require__(526);
+	var _disableScrollIndicatorDuringPlayback = __webpack_require__(529);
 
 	var _disableScrollIndicatorDuringPlayback2 = _interopRequireDefault(_disableScrollIndicatorDuringPlayback);
 
-	var _hasNotBeenPlayingForAMoment = __webpack_require__(527);
+	var _hasNotBeenPlayingForAMoment = __webpack_require__(530);
 
 	var _hasNotBeenPlayingForAMoment2 = _interopRequireDefault(_hasNotBeenPlayingForAMoment);
 
-	var _idling = __webpack_require__(528);
+	var _idling = __webpack_require__(531);
 
 	var _idling2 = _interopRequireDefault(_idling);
 
-	var _fadeOutWhenPageWillDeactivate = __webpack_require__(529);
+	var _fadeOutWhenPageWillDeactivate = __webpack_require__(532);
 
 	var _fadeOutWhenPageWillDeactivate2 = _interopRequireDefault(_fadeOutWhenPageWillDeactivate);
 
-	var _goToNextPageOnEnd = __webpack_require__(530);
+	var _goToNextPageOnEnd = __webpack_require__(533);
 
 	var _goToNextPageOnEnd2 = _interopRequireDefault(_goToNextPageOnEnd);
 
@@ -26067,15 +26156,17 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	    while (1) {
 	      switch (_context.prev = _context.next) {
 	        case 0:
-	          sagas = [(0, _togglePlaying2.default)()];
+	          sagas = [(0, _togglePlaying2.default)(), (0, _muteBackgroundMediaOnPlayFailed2.default)(), (0, _disableScrollIndicatorDuringPlayback2.default)()];
 
 
 	          if (!options.playsInNativePlayer || !options.playsInNativePlayer()) {
-	            sagas.push([(0, _disableScrollIndicatorDuringPlayback2.default)(), (0, _goToNextPageOnEnd2.default)(), (0, _fadeOutWhenPageWillDeactivate2.default)(), (0, _hasNotBeenPlayingForAMoment2.default)()]);
+	            sagas.push([(0, _goToNextPageOnEnd2.default)(), (0, _fadeOutWhenPageWillDeactivate2.default)(), (0, _hasNotBeenPlayingForAMoment2.default)()]);
 	          }
 
 	          if (!(0, _utils.has)('mobile platform')) {
-	            sagas.push([(0, _handlePageDidActivate2.default)()]);
+	            sagas.push([(0, _handlePageDidActivate2.default)(_extends({}, options, {
+	              canAutoplay: (0, _utils.has)('autoplay support')
+	            }))]);
 	          }
 
 	          if (options.hideControls) {
@@ -26094,7 +26185,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 524 */
+/* 525 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26106,7 +26197,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _actions = __webpack_require__(499);
 
-	var _actions2 = __webpack_require__(522);
+	var _actions2 = __webpack_require__(523);
 
 	var _selectors = __webpack_require__(498);
 
@@ -26156,14 +26247,20 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	          return (0, _effects.put)(pause());
 
 	        case 6:
-	          _context2.next = 10;
+	          _context2.next = 12;
 	          break;
 
 	        case 8:
 	          _context2.next = 10;
-	          return (0, _effects.put)(play());
+	          return (0, _effects.call)(function () {
+	            return pageflow.backgroundMedia.unmute();
+	          });
 
 	        case 10:
+	          _context2.next = 12;
+	          return (0, _effects.put)(play());
+
+	        case 12:
 	        case 'end':
 	          return _context2.stop();
 	      }
@@ -26172,7 +26269,61 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 525 */
+/* 526 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	exports.default = _callee;
+
+	var _actions = __webpack_require__(499);
+
+	var _reduxSaga = __webpack_require__(387);
+
+	var _effects = __webpack_require__(383);
+
+	var _marked = /*#__PURE__*/regeneratorRuntime.mark(_callee),
+	    _marked2 = /*#__PURE__*/regeneratorRuntime.mark(muteBackgoundAudio);
+
+	function _callee() {
+	  return regeneratorRuntime.wrap(function _callee$(_context) {
+	    while (1) {
+	      switch (_context.prev = _context.next) {
+	        case 0:
+	          _context.next = 2;
+	          return (0, _reduxSaga.takeEvery)([_actions.PLAY_FAILED, _actions.PLAY_MUTED], muteBackgoundAudio);
+
+	        case 2:
+	        case 'end':
+	          return _context.stop();
+	      }
+	    }
+	  }, _marked, this);
+	}
+
+	function muteBackgoundAudio() {
+	  return regeneratorRuntime.wrap(function muteBackgoundAudio$(_context2) {
+	    while (1) {
+	      switch (_context2.prev = _context2.next) {
+	        case 0:
+	          _context2.next = 2;
+	          return (0, _effects.call)(function () {
+	            return pageflow.backgroundMedia.mute();
+	          });
+
+	        case 2:
+	        case 'end':
+	          return _context2.stop();
+	      }
+	    }
+	  }, _marked2, this);
+	}
+
+/***/ }),
+/* 527 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26190,17 +26341,21 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _actions2 = __webpack_require__(499);
 
-	var _selectors = __webpack_require__(375);
+	var _actions3 = __webpack_require__(528);
+
+	var _selectors = __webpack_require__(498);
 
 	var _marked = /*#__PURE__*/regeneratorRuntime.mark(_callee2),
-	    _marked2 = /*#__PURE__*/regeneratorRuntime.mark(prebufferAndPlay);
+	    _marked2 = /*#__PURE__*/regeneratorRuntime.mark(prebufferAndPlayOnUnmute),
+	    _marked3 = /*#__PURE__*/regeneratorRuntime.mark(prebufferAndPlay),
+	    _marked4 = /*#__PURE__*/regeneratorRuntime.mark(autoplayPage);
 
 	var _actionCreators = (0, _actions2.actionCreators)(),
 	    play = _actionCreators.play,
 	    prebuffer = _actionCreators.prebuffer,
 	    waiting = _actionCreators.waiting;
 
-	function _callee2() {
+	function _callee2(options) {
 	  return regeneratorRuntime.wrap(function _callee2$(_context2) {
 	    while (1) {
 	      switch (_context2.prev = _context2.next) {
@@ -26212,10 +26367,13 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	                switch (_context.prev = _context.next) {
 	                  case 0:
 	                    _context.next = 2;
-	                    return (0, _effects.race)({
-	                      task: (0, _effects.call)(prebufferAndPlay),
+	                    return [(0, _effects.race)({
+	                      task: (0, _effects.call)(prebufferAndPlay, options),
 	                      cancel: (0, _effects.take)(_actions.PAGE_WILL_DEACTIVATE)
-	                    });
+	                    }), (0, _effects.race)({
+	                      task: (0, _effects.call)(prebufferAndPlayOnUnmute, options),
+	                      cancel: (0, _effects.take)(_actions.PAGE_WILL_DEACTIVATE)
+	                    })];
 
 	                  case 2:
 	                  case 'end':
@@ -26233,53 +26391,157 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  }, _marked, this);
 	}
 
-	function prebufferAndPlay() {
-	  var autoplay;
-	  return regeneratorRuntime.wrap(function prebufferAndPlay$(_context3) {
+	function prebufferAndPlayOnUnmute(options) {
+	  var _ref, unmute;
+
+	  return regeneratorRuntime.wrap(function prebufferAndPlayOnUnmute$(_context3) {
 	    while (1) {
 	      switch (_context3.prev = _context3.next) {
 	        case 0:
-	          _context3.next = 2;
-	          return (0, _effects.select)((0, _selectors.pageAttribute)('autoplay'));
+	          _context3.t0 = options.retryOnUnmute;
 
-	        case 2:
-	          autoplay = _context3.sent;
+	          if (!_context3.t0) {
+	            _context3.next = 5;
+	            break;
+	          }
+
+	          _context3.next = 4;
+	          return (0, _effects.select)((0, _selectors.pageHasAutoplayOption)());
+
+	        case 4:
+	          _context3.t0 = _context3.sent;
 
-	          if (!(autoplay !== false)) {
-	            _context3.next = 6;
+	        case 5:
+	          if (!_context3.t0) {
+	            _context3.next = 12;
 	            break;
 	          }
 
-	          _context3.next = 6;
+	          _context3.next = 8;
+	          return (0, _effects.race)({
+	            unmute: (0, _effects.take)(_actions3.UNMUTE),
+	            cancel: (0, _effects.take)(_actions.PAGE_WILL_DEACTIVATE)
+	          });
+
+	        case 8:
+	          _ref = _context3.sent;
+	          unmute = _ref.unmute;
+
+	          if (!unmute) {
+	            _context3.next = 12;
+	            break;
+	          }
+
+	          return _context3.delegateYield(prebufferAndPlay(options), 't1', 12);
+
+	        case 12:
+	        case 'end':
+	          return _context3.stop();
+	      }
+	    }
+	  }, _marked2, this);
+	}
+
+	function prebufferAndPlay(options) {
+	  var autoplay;
+	  return regeneratorRuntime.wrap(function prebufferAndPlay$(_context4) {
+	    while (1) {
+	      switch (_context4.prev = _context4.next) {
+	        case 0:
+	          return _context4.delegateYield(autoplayPage(options), 't0', 1);
+
+	        case 1:
+	          autoplay = _context4.t0;
+
+	          if (!autoplay) {
+	            _context4.next = 5;
+	            break;
+	          }
+
+	          _context4.next = 5;
 	          return (0, _effects.put)(waiting());
 
-	        case 6:
-	          _context3.next = 8;
+	        case 5:
+	          _context4.next = 7;
 	          return [(0, _effects.take)(_actions2.PREBUFFERED), (0, _effects.put)(prebuffer())];
 
-	        case 8:
-	          if (!(autoplay !== false)) {
-	            _context3.next = 13;
+	        case 7:
+	          if (!autoplay) {
+	            _context4.next = 12;
 	            break;
 	          }
 
-	          _context3.next = 11;
+	          _context4.next = 10;
 	          return (0, _effects.call)(_reduxSaga.delay, 1000);
 
-	        case 11:
-	          _context3.next = 13;
+	        case 10:
+	          _context4.next = 12;
 	          return (0, _effects.put)(play());
 
-	        case 13:
+	        case 12:
 	        case 'end':
-	          return _context3.stop();
+	          return _context4.stop();
 	      }
 	    }
-	  }, _marked2, this);
+	  }, _marked3, this);
+	}
+
+	function autoplayPage(_ref2) {
+	  var canAutoplay = _ref2.canAutoplay,
+	      _autoplayWhenBackgroundMediaMuted = _ref2.autoplayWhenBackgroundMediaMuted;
+	  var shouldAutoplay;
+	  return regeneratorRuntime.wrap(function autoplayPage$(_context5) {
+	    while (1) {
+	      switch (_context5.prev = _context5.next) {
+	        case 0:
+	          _context5.next = 2;
+	          return (0, _effects.select)((0, _selectors.pageShouldAutoplay)({
+	            autoplayWhenBackgroundMediaMuted: function autoplayWhenBackgroundMediaMuted() {
+	              return _autoplayWhenBackgroundMediaMuted;
+	            }
+	          }));
+
+	        case 2:
+	          shouldAutoplay = _context5.sent;
+	          return _context5.abrupt('return', shouldAutoplay && canAutoplay);
+
+	        case 4:
+	        case 'end':
+	          return _context5.stop();
+	      }
+	    }
+	  }, _marked4, this);
 	}
 
 /***/ }),
-/* 526 */
+/* 528 */
+/***/ (function(module, exports) {
+
+	'use strict';
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	exports.mute = mute;
+	exports.unmute = unmute;
+	var MUTE = exports.MUTE = 'BACKGROUND_MEDIA_MUTE';
+
+	var UNMUTE = exports.UNMUTE = 'BACKGROUND_MEDIA_UNMUTE';
+
+	function mute() {
+	  return {
+	    type: MUTE
+	  };
+	}
+
+	function unmute() {
+	  return {
+	    type: UNMUTE
+	  };
+	}
+
+/***/ }),
+/* 529 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26374,7 +26636,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 527 */
+/* 530 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26447,7 +26709,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 528 */
+/* 531 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26463,7 +26725,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _actions = __webpack_require__(499);
 
-	var _actions2 = __webpack_require__(522);
+	var _actions2 = __webpack_require__(523);
 
 	var _marked = /*#__PURE__*/regeneratorRuntime.mark(_callee),
 	    _marked2 = /*#__PURE__*/regeneratorRuntime.mark(putAfterDelay);
@@ -26508,7 +26770,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 529 */
+/* 532 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26565,7 +26827,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 530 */
+/* 533 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26637,7 +26899,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 531 */
+/* 534 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26719,7 +26981,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 532 */
+/* 535 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26729,11 +26991,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	});
 	exports.Page = exports.reduxModule = undefined;
 
-	var _Page = __webpack_require__(533);
+	var _Page = __webpack_require__(536);
 
 	var _Page2 = _interopRequireDefault(_Page);
 
-	var _reenableScrollIndicator = __webpack_require__(535);
+	var _reenableScrollIndicator = __webpack_require__(538);
 
 	var _reenableScrollIndicator2 = _interopRequireDefault(_reenableScrollIndicator);
 
@@ -26748,7 +27010,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	exports.Page = _Page2.default;
 
 /***/ }),
-/* 533 */
+/* 536 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26769,7 +27031,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _components = __webpack_require__(331);
 
-	var _selectors = __webpack_require__(534);
+	var _selectors = __webpack_require__(537);
 
 	var _pages = __webpack_require__(348);
 
@@ -26888,7 +27150,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}))(PageWithInteractiveBackground);
 
 /***/ }),
-/* 534 */
+/* 537 */
 /***/ (function(module, exports) {
 
 	"use strict";
@@ -26907,7 +27169,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 535 */
+/* 538 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26921,7 +27183,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _effects = __webpack_require__(383);
 
-	var _actions = __webpack_require__(536);
+	var _actions = __webpack_require__(539);
 
 	var _selectors = __webpack_require__(375);
 
@@ -26971,7 +27233,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 536 */
+/* 539 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -26997,7 +27259,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 537 */
+/* 540 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -27007,7 +27269,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	});
 	exports.registry = undefined;
 
-	var _PageTypeRegistry = __webpack_require__(538);
+	var _PageTypeRegistry = __webpack_require__(541);
 
 	var _PageTypeRegistry2 = _interopRequireDefault(_PageTypeRegistry);
 
@@ -27018,7 +27280,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	exports.default = registry.register;
 
 /***/ }),
-/* 538 */
+/* 541 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -27120,7 +27382,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 539 */
+/* 542 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -27148,7 +27410,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  });
 	};
 
-	var _registerPageType = __webpack_require__(537);
+	var _registerPageType = __webpack_require__(540);
 
 	var _registerPageType2 = _interopRequireDefault(_registerPageType);
 
@@ -27157,7 +27419,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ }),
-/* 540 */
+/* 543 */
 /***/ (function(module, exports) {
 
 	"use strict";
@@ -27178,7 +27440,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	var registry = exports.registry = [];
 
 /***/ }),
-/* 541 */
+/* 544 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -27191,9 +27453,9 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _collections = __webpack_require__(376);
 
-	var _registerPageType = __webpack_require__(537);
+	var _registerPageType = __webpack_require__(540);
 
-	var _boot = __webpack_require__(542);
+	var _boot = __webpack_require__(545);
 
 	var _boot2 = _interopRequireDefault(_boot);
 
@@ -27251,7 +27513,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	exports.default = _class;
 
 /***/ }),
-/* 542 */
+/* 545 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -27297,7 +27559,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	    window: isServerSide ? null : window
 	  };
 
-	  var store = (0, _createStore2.default)([_cookieNotice2.default, _i18n2.default, _theming2.default, _entry2.default, _current2.default, _storylines2.default, _chapters2.default, _pages2.default, _files2.default, _settings2.default, _hideText2.default, _widgets2.default, _widgetPresence2.default, _pageTypes2.default, _hotkeys2.default], options);
+	  var store = (0, _createStore2.default)([_backgroundMedia2.default, _cookieNotice2.default, _i18n2.default, _theming2.default, _entry2.default, _current2.default, _storylines2.default, _chapters2.default, _pages2.default, _files2.default, _settings2.default, _hideText2.default, _widgets2.default, _widgetPresence2.default, _pageTypes2.default, _hotkeys2.default], options);
 
 	  if (!isServerSide) {
 	    _registerPageType.registry.forEach(function (options) {
@@ -27317,27 +27579,31 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  return store;
 	};
 
-	var _registerPageType = __webpack_require__(537);
+	var _registerPageType = __webpack_require__(540);
 
-	var _registerWidgetType = __webpack_require__(540);
+	var _registerWidgetType = __webpack_require__(543);
 
-	var _createStore = __webpack_require__(543);
+	var _createStore = __webpack_require__(546);
 
 	var _createStore2 = _interopRequireDefault(_createStore);
 
-	var _cookieNotice = __webpack_require__(545);
+	var _backgroundMedia = __webpack_require__(548);
+
+	var _backgroundMedia2 = _interopRequireDefault(_backgroundMedia);
+
+	var _cookieNotice = __webpack_require__(551);
 
 	var _cookieNotice2 = _interopRequireDefault(_cookieNotice);
 
-	var _theming = __webpack_require__(551);
+	var _theming = __webpack_require__(557);
 
 	var _theming2 = _interopRequireDefault(_theming);
 
-	var _storylines = __webpack_require__(554);
+	var _storylines = __webpack_require__(560);
 
 	var _storylines2 = _interopRequireDefault(_storylines);
 
-	var _chapters = __webpack_require__(555);
+	var _chapters = __webpack_require__(561);
 
 	var _chapters2 = _interopRequireDefault(_chapters);
 
@@ -27345,50 +27611,50 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _pages2 = _interopRequireDefault(_pages);
 
-	var _pageTypes = __webpack_require__(556);
+	var _pageTypes = __webpack_require__(562);
 
 	var _pageTypes2 = _interopRequireDefault(_pageTypes);
 
-	var _current = __webpack_require__(559);
+	var _current = __webpack_require__(565);
 
 	var _current2 = _interopRequireDefault(_current);
 
-	var _files = __webpack_require__(563);
+	var _files = __webpack_require__(569);
 
 	var _files2 = _interopRequireDefault(_files);
 
-	var _settings = __webpack_require__(564);
+	var _settings = __webpack_require__(570);
 
 	var _settings2 = _interopRequireDefault(_settings);
 
-	var _i18n = __webpack_require__(566);
+	var _i18n = __webpack_require__(572);
 
 	var _i18n2 = _interopRequireDefault(_i18n);
 
-	var _entry = __webpack_require__(569);
+	var _entry = __webpack_require__(575);
 
 	var _entry2 = _interopRequireDefault(_entry);
 
-	var _hotkeys = __webpack_require__(572);
+	var _hotkeys = __webpack_require__(578);
 
 	var _hotkeys2 = _interopRequireDefault(_hotkeys);
 
-	var _hideText = __webpack_require__(573);
+	var _hideText = __webpack_require__(579);
 
 	var _hideText2 = _interopRequireDefault(_hideText);
 
-	var _widgets = __webpack_require__(576);
+	var _widgets = __webpack_require__(582);
 
 	var _widgets2 = _interopRequireDefault(_widgets);
 
-	var _widgetPresence = __webpack_require__(577);
+	var _widgetPresence = __webpack_require__(583);
 
 	var _widgetPresence2 = _interopRequireDefault(_widgetPresence);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ }),
-/* 543 */
+/* 546 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {'use strict';
@@ -27434,6 +27700,8 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  return store;
 	};
 
+	exports.createReducer = createReducer;
+
 	var _redux = __webpack_require__(351);
 
 	var _reduxSaga = __webpack_require__(387);
@@ -27495,10 +27763,10 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	    return enhancer;
 	  }
 	}
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(544)))
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(547)))
 
 /***/ }),
-/* 544 */
+/* 547 */
 /***/ (function(module, exports) {
 
 	// shim for using process in browser
@@ -27688,7 +27956,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 
 /***/ }),
-/* 545 */
+/* 548 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -27698,13 +27966,199 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	});
 	exports.registerWidgetTypes = registerWidgetTypes;
 
-	var _CookieNoticeBar = __webpack_require__(546);
+	var _reducer = __webpack_require__(549);
+
+	var _reducer2 = _interopRequireDefault(_reducer);
+
+	var _actions = __webpack_require__(528);
+
+	var _UnmuteButton = __webpack_require__(550);
+
+	var _reduxSaga = __webpack_require__(387);
+
+	var _effects = __webpack_require__(383);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+	exports.default = {
+	  init: function init(_ref) {
+	    var isServerSide = _ref.isServerSide,
+	        events = _ref.events,
+	        dispatch = _ref.dispatch;
+
+	    if (!isServerSide) {
+	      events.on('background_media:mute', function (page) {
+	        return dispatch((0, _actions.mute)());
+	      });
+
+	      events.on('background_media:unmute', function (page) {
+	        return dispatch((0, _actions.unmute)());
+	      });
+	    }
+	  },
+	  createReducers: function createReducers() {
+	    return { backgroundMedia: _reducer2.default };
+	  },
+
+
+	  createSaga: function createSaga() {
+	    return (/*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+	        return regeneratorRuntime.wrap(function _callee2$(_context2) {
+	          while (1) {
+	            switch (_context2.prev = _context2.next) {
+	              case 0:
+	                _context2.next = 2;
+	                return (0, _reduxSaga.takeEvery)(_actions.UNMUTE, /*#__PURE__*/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.call)(function () {
+	                            return pageflow.backgroundMedia.unmute();
+	                          });
+
+	                        case 2:
+	                        case 'end':
+	                          return _context.stop();
+	                      }
+	                    }
+	                  }, _callee, this);
+	                }));
+
+	              case 2:
+	              case 'end':
+	                return _context2.stop();
+	            }
+	          }
+	        }, _callee2, this);
+	      })
+	    );
+	  }
+	};
+	function registerWidgetTypes() {
+	  (0, _UnmuteButton.register)();
+	}
+
+/***/ }),
+/* 549 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+
+	exports.default = function () {
+	  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
+	  var action = arguments[1];
+
+	  switch (action.type) {
+	    case _actions.MUTE:
+	      return {
+	        muted: true
+	      };
+	    case _actions.UNMUTE:
+	      return {
+	        muted: false
+	      };
+	    default:
+	      return state;
+	  }
+	};
+
+	var _actions = __webpack_require__(528);
+
+	var initialState = {
+	  muted: false
+	};
+
+/***/ }),
+/* 550 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	exports.register = register;
 
-	var _actions = __webpack_require__(549);
+	var _registerWidgetType = __webpack_require__(543);
 
-	var _selectors = __webpack_require__(547);
+	var _registerWidgetType2 = _interopRequireDefault(_registerWidgetType);
+
+	var _selectors = __webpack_require__(500);
+
+	var _selectors2 = __webpack_require__(486);
 
-	var _createReducer = __webpack_require__(550);
+	var _actions = __webpack_require__(528);
+
+	var _utils = __webpack_require__(339);
+
+	var _react = __webpack_require__(333);
+
+	var _react2 = _interopRequireDefault(_react);
+
+	var _reactRedux = __webpack_require__(397);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+	function UnmuteButton(props) {
+	  var t = props.t,
+	      muted = props.muted,
+	      unmute = props.unmute;
+
+
+	  if (muted) {
+	    return _react2.default.createElement(
+	      'div',
+	      { className: 'background_media_unmute_button' },
+	      _react2.default.createElement('a', { title: t('pageflow.public.mute_off'),
+	        onClick: function onClick() {
+	          playUnmuteSound();unmute();
+	        },
+	        href: '#' })
+	    );
+	  } else {
+	    return null;
+	  }
+	}
+
+	function playUnmuteSound() {
+	  new pageflow.AudioPlayer([{ src: pageflow.assetUrls.unmuteSound, type: 'audio/mpeg' }], { codecs: ['mp3'] }).play();
+	}
+
+	function register() {
+	  (0, _registerWidgetType2.default)('unmute_button', {
+	    component: (0, _reactRedux.connect)((0, _utils.combineSelectors)({
+	      t: _selectors2.t,
+	      muted: _selectors.muted
+	    }), {
+	      unmute: _actions.unmute
+	    })(UnmuteButton)
+	  });
+	}
+
+/***/ }),
+/* 551 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	exports.registerWidgetTypes = registerWidgetTypes;
+
+	var _CookieNoticeBar = __webpack_require__(552);
+
+	var _actions = __webpack_require__(555);
+
+	var _selectors = __webpack_require__(553);
+
+	var _createReducer = __webpack_require__(556);
 
 	var _createReducer2 = _interopRequireDefault(_createReducer);
 
@@ -27830,7 +28284,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 546 */
+/* 552 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -27840,19 +28294,19 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	});
 	exports.register = register;
 
-	var _registerWidgetType = __webpack_require__(540);
+	var _registerWidgetType = __webpack_require__(543);
 
 	var _registerWidgetType2 = _interopRequireDefault(_registerWidgetType);
 
-	var _selectors = __webpack_require__(547);
+	var _selectors = __webpack_require__(553);
 
-	var _selectors2 = __webpack_require__(548);
+	var _selectors2 = __webpack_require__(554);
 
 	var _selectors3 = __webpack_require__(493);
 
 	var _selectors4 = __webpack_require__(486);
 
-	var _actions = __webpack_require__(549);
+	var _actions = __webpack_require__(555);
 
 	var _utils = __webpack_require__(339);
 
@@ -27920,7 +28374,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 547 */
+/* 553 */
 /***/ (function(module, exports) {
 
 	"use strict";
@@ -27934,7 +28388,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 548 */
+/* 554 */
 /***/ (function(module, exports) {
 
 	"use strict";
@@ -27948,7 +28402,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 549 */
+/* 555 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -27974,7 +28428,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 550 */
+/* 556 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -28017,10 +28471,10 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  };
 	};
 
-	var _actions = __webpack_require__(549);
+	var _actions = __webpack_require__(555);
 
 /***/ }),
-/* 551 */
+/* 557 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -28029,9 +28483,9 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  value: true
 	});
 
-	var _actions = __webpack_require__(552);
+	var _actions = __webpack_require__(558);
 
-	var _reducer = __webpack_require__(553);
+	var _reducer = __webpack_require__(559);
 
 	var _reducer2 = _interopRequireDefault(_reducer);
 
@@ -28050,7 +28504,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	};
 
 /***/ }),
-/* 552 */
+/* 558 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -28071,7 +28525,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 553 */
+/* 559 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -28092,10 +28546,10 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  }
 	};
 
-	var _actions = __webpack_require__(552);
+	var _actions = __webpack_require__(558);
 
 /***/ }),
-/* 554 */
+/* 560 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -28128,7 +28582,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	};
 
 /***/ }),
-/* 555 */
+/* 561 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -28160,7 +28614,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	};
 
 /***/ }),
-/* 556 */
+/* 562 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -28169,9 +28623,9 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  value: true
 	});
 
-	var _actions = __webpack_require__(557);
+	var _actions = __webpack_require__(563);
 
-	var _reducer = __webpack_require__(558);
+	var _reducer = __webpack_require__(564);
 
 	var _reducer2 = _interopRequireDefault(_reducer);
 
@@ -28192,7 +28646,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	};
 
 /***/ }),
-/* 557 */
+/* 563 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -28215,7 +28669,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 558 */
+/* 564 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -28236,10 +28690,10 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  }
 	};
 
-	var _actions = __webpack_require__(557);
+	var _actions = __webpack_require__(563);
 
 /***/ }),
-/* 559 */
+/* 565 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -28249,11 +28703,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	});
 	exports.watch = exports.reducers = undefined;
 
-	var _reducer = __webpack_require__(560);
+	var _reducer = __webpack_require__(566);
 
 	var _reducer2 = _interopRequireDefault(_reducer);
 
-	var _watch = __webpack_require__(562);
+	var _watch = __webpack_require__(568);
 
 	var _watch2 = _interopRequireDefault(_watch);
 
@@ -28278,7 +28732,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	exports.watch = _watch2.default;
 
 /***/ }),
-/* 560 */
+/* 566 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -28299,10 +28753,10 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  }
 	};
 
-	var _actions = __webpack_require__(561);
+	var _actions = __webpack_require__(567);
 
 /***/ }),
-/* 561 */
+/* 567 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -28325,7 +28779,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 562 */
+/* 568 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -28340,10 +28794,10 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  });
 	};
 
-	var _actions = __webpack_require__(561);
+	var _actions = __webpack_require__(567);
 
 /***/ }),
-/* 563 */
+/* 569 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -28402,7 +28856,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	};
 
 /***/ }),
-/* 564 */
+/* 570 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -28414,7 +28868,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	exports.createSaga = createSaga;
 	exports.watch = watch;
 
-	var _reducer = __webpack_require__(565);
+	var _reducer = __webpack_require__(571);
 
 	var _reducer2 = _interopRequireDefault(_reducer);
 
@@ -28520,7 +28974,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 565 */
+/* 571 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -28545,7 +28999,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	var _actions = __webpack_require__(330);
 
 /***/ }),
-/* 566 */
+/* 572 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -28554,9 +29008,9 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  value: true
 	});
 
-	var _actions = __webpack_require__(567);
+	var _actions = __webpack_require__(573);
 
-	var _reducer = __webpack_require__(568);
+	var _reducer = __webpack_require__(574);
 
 	var _reducer2 = _interopRequireDefault(_reducer);
 
@@ -28575,7 +29029,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	};
 
 /***/ }),
-/* 567 */
+/* 573 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -28598,7 +29052,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 568 */
+/* 574 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -28619,10 +29073,10 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  }
 	};
 
-	var _actions = __webpack_require__(567);
+	var _actions = __webpack_require__(573);
 
 /***/ }),
-/* 569 */
+/* 575 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -28631,9 +29085,9 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  value: true
 	});
 
-	var _actions = __webpack_require__(570);
+	var _actions = __webpack_require__(576);
 
-	var _reducer = __webpack_require__(571);
+	var _reducer = __webpack_require__(577);
 
 	var _reducer2 = _interopRequireDefault(_reducer);
 
@@ -28652,7 +29106,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	};
 
 /***/ }),
-/* 570 */
+/* 576 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -28675,7 +29129,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 571 */
+/* 577 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -28696,10 +29150,10 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  }
 	};
 
-	var _actions = __webpack_require__(570);
+	var _actions = __webpack_require__(576);
 
 /***/ }),
-/* 572 */
+/* 578 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -28710,7 +29164,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _keyCodes = __webpack_require__(479);
 
-	var _actions = __webpack_require__(522);
+	var _actions = __webpack_require__(523);
 
 	exports.default = {
 	  init: function init(_ref) {
@@ -28736,7 +29190,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	};
 
 /***/ }),
-/* 573 */
+/* 579 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -28746,11 +29200,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	});
 	exports.watch = exports.reducers = undefined;
 
-	var _watch = __webpack_require__(574);
+	var _watch = __webpack_require__(580);
 
 	var _watch2 = _interopRequireDefault(_watch);
 
-	var _reducer = __webpack_require__(575);
+	var _reducer = __webpack_require__(581);
 
 	var _reducer2 = _interopRequireDefault(_reducer);
 
@@ -28777,7 +29231,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	exports.watch = _watch2.default;
 
 /***/ }),
-/* 574 */
+/* 580 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -28796,10 +29250,10 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	            });
 	};
 
-	var _actions = __webpack_require__(536);
+	var _actions = __webpack_require__(539);
 
 /***/ }),
-/* 575 */
+/* 581 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -28833,9 +29287,9 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  }
 	};
 
-	var _actions = __webpack_require__(536);
+	var _actions = __webpack_require__(539);
 
-	var _actions2 = __webpack_require__(561);
+	var _actions2 = __webpack_require__(567);
 
 	var initialState = {
 	  isActive: false,
@@ -28843,7 +29297,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	};
 
 /***/ }),
-/* 576 */
+/* 582 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -28898,7 +29352,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 577 */
+/* 583 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -28907,11 +29361,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  value: true
 	});
 
-	var _reducer = __webpack_require__(578);
+	var _reducer = __webpack_require__(584);
 
 	var _reducer2 = _interopRequireDefault(_reducer);
 
-	var _actions = __webpack_require__(579);
+	var _actions = __webpack_require__(585);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -28942,7 +29396,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	};
 
 /***/ }),
-/* 578 */
+/* 584 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -28964,10 +29418,10 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  }
 	};
 
-	var _actions = __webpack_require__(579);
+	var _actions = __webpack_require__(585);
 
 /***/ }),
-/* 579 */
+/* 585 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -28990,7 +29444,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 580 */
+/* 586 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -29000,11 +29454,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	});
 	exports.register = register;
 
-	var _audio = __webpack_require__(581);
+	var _audio = __webpack_require__(587);
 
-	var _plain = __webpack_require__(584);
+	var _plain = __webpack_require__(590);
 
-	var _video = __webpack_require__(585);
+	var _video = __webpack_require__(591);
 
 	function register() {
 	  (0, _plain.register)();
@@ -29013,7 +29467,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 581 */
+/* 587 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -29025,11 +29479,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _media = __webpack_require__(494);
 
-	var _PageAudioFilePlayer = __webpack_require__(582);
+	var _PageAudioFilePlayer = __webpack_require__(588);
 
 	var _PageAudioFilePlayer2 = _interopRequireDefault(_PageAudioFilePlayer);
 
-	var _registerPageType = __webpack_require__(537);
+	var _registerPageType = __webpack_require__(540);
 
 	var _registerPageType2 = _interopRequireDefault(_registerPageType);
 
@@ -29055,7 +29509,8 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	      file: props.audioFile,
 	      playerState: props.playerState,
 	      playerActions: props.playerActions,
-	      controlBarText: props.t('pageflow.public.start_audio') },
+	      controlBarText: props.t('pageflow.public.start_audio'),
+	      autoplayWhenBackgroundMediaMuted: false },
 	    React.createElement(_media.PageBackgroundAsset, null),
 	    React.createElement(_PageAudioFilePlayer2.default, { file: props.audioFile,
 	      playerState: props.playerState,
@@ -29075,12 +29530,14 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	      playerActions: (0, _selectors.playerActions)()
 	    }))(AudioPage),
 
-	    reduxModules: [(0, _media.reduxModule)(), _media.pageBackgroundReduxModule]
+	    reduxModules: [(0, _media.reduxModule)({
+	      retryOnUnmute: true
+	    }), _media.pageBackgroundReduxModule]
 	  });
 	}
 
 /***/ }),
-/* 582 */
+/* 588 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -29089,11 +29546,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  value: true
 	});
 
-	var _createPageFilePlayer = __webpack_require__(515);
+	var _createPageFilePlayer = __webpack_require__(516);
 
 	var _createPageFilePlayer2 = _interopRequireDefault(_createPageFilePlayer);
 
-	var _AudioFilePlayer = __webpack_require__(583);
+	var _AudioFilePlayer = __webpack_require__(589);
 
 	var _AudioFilePlayer2 = _interopRequireDefault(_AudioFilePlayer);
 
@@ -29102,7 +29559,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	exports.default = (0, _createPageFilePlayer2.default)(_AudioFilePlayer2.default);
 
 /***/ }),
-/* 583 */
+/* 589 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -29111,7 +29568,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  value: true
 	});
 
-	var _createFilePlayer = __webpack_require__(504);
+	var _createFilePlayer = __webpack_require__(505);
 
 	var _createFilePlayer2 = _interopRequireDefault(_createFilePlayer);
 
@@ -29128,7 +29585,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	});
 
 /***/ }),
-/* 584 */
+/* 590 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -29142,7 +29599,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _media = __webpack_require__(494);
 
-	var _registerPageType = __webpack_require__(537);
+	var _registerPageType = __webpack_require__(540);
 
 	var _registerPageType2 = _interopRequireDefault(_registerPageType);
 
@@ -29186,7 +29643,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 585 */
+/* 591 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -29198,7 +29655,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _media = __webpack_require__(494);
 
-	var _registerPageType = __webpack_require__(537);
+	var _registerPageType = __webpack_require__(540);
 
 	var _registerPageType2 = _interopRequireDefault(_registerPageType);
 
@@ -29229,7 +29686,8 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	      qualities: qualities,
 	      playerState: props.playerState,
 	      playerActions: props.playerActions,
-	      controlBarText: props.t('pageflow.public.start_video') },
+	      controlBarText: props.t('pageflow.public.start_video'),
+	      autoplayWhenBackgroundMediaMuted: true },
 	    React.createElement(_media.PageVideoPlayer, { page: props.page,
 	      playerState: props.playerState,
 	      playerActions: props.playerActions }),
@@ -29251,13 +29709,14 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	    reduxModules: [(0, _media.reduxModule)({
 	      hideControls: true,
+	      autoplayWhenBackgroundMediaMuted: true,
 	      playsInNativePlayer: (0, _selectors5.has)('native video player')
 	    })]
 	  });
 	}
 
 /***/ }),
-/* 586 */
+/* 592 */
 /***/ (function(module, exports) {
 
 	module.exports = pageflow;