@mjhls/mjh-framework 1.0.377 → 1.0.379

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.377
+# mjh-framework v. 1.0.379
 
 
 > Foundation Framework

package/dist/cjs/index.js

@@ -8910,7 +8910,9 @@ function (_React$Component) {
 
 var Video = function Video(_ref) {
   var node = _ref.node,
-      accountIDs = _ref.accountIDs;
+      accountIDs = _ref.accountIDs,
+      _ref$autoplay = _ref.autoplay,
+      autoplay = _ref$autoplay === undefined ? false : _ref$autoplay;
   var source = node.source,
       videoID = node.videoID,
       playlistID = node.playlistID,
@@ -8930,7 +8932,20 @@ var Video = function Video(_ref) {
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
 
-      AdSlot.Beam.report_beam_video('Ready', main.main_16, duration, current, segment, 'BrightCove', chapter.playerID, chapter.accountID, chapter.mediaID);
+      // try to auto play first with no-mute
+      if (autoplay) {
+        player.play().then(function () {
+          player.muted(false);
+        }).catch(function (error) {
+          // then try to auto play with mute
+          player.muted(true);
+          player.play();
+        });
+      } else {
+        player.pause();
+      }
+
+      AdSlot.Beam.report_beam_video('Ready', main.main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
     });
 
     // play
@@ -8939,7 +8954,7 @@ var Video = function Video(_ref) {
       var current = player.currentTime();
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
-      AdSlot.Beam.report_beam_video('Play', main.main_16, duration, current, segment, 'BrightCove', chapter.playerID, chapter.accountID, chapter.mediaID);
+      AdSlot.Beam.report_beam_video('Play', main.main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
     });
 
     // pause 
@@ -8948,7 +8963,7 @@ var Video = function Video(_ref) {
       var current = player.currentTime();
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
-      AdSlot.Beam.report_beam_video('Pause', main.main_16, duration, current, segment, 'BrightCove', chapter.playerID, chapter.accountID, chapter.mediaID);
+      AdSlot.Beam.report_beam_video('Pause', main.main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
     });
 
     // end
@@ -8957,7 +8972,7 @@ var Video = function Video(_ref) {
       var current = player.currentTime();
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
-      AdSlot.Beam.report_beam_video('End', main.main_16, duration, current, segment, 'BrightCove', chapter.playerID, chapter.accountID, chapter.mediaID);
+      AdSlot.Beam.report_beam_video('End', main.main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
     });
 
     var queueProgress = [];
@@ -8967,7 +8982,7 @@ var Video = function Video(_ref) {
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
       if (!queueProgress.includes(segment)) {
-        AdSlot.Beam.report_beam_video('Segment', main.main_16, duration, current, segment, 'BrightCove', chapter.playerID, chapter.accountID, chapter.mediaID);
+        AdSlot.Beam.report_beam_video('Segment', main.main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
         queueProgress.push(segment);
       }
     });
@@ -8992,14 +9007,14 @@ var Video = function Video(_ref) {
 
   if (source === 'brightcove' && accountIDs.brightcove) {
     if (videoID) {
-      return React__default.createElement(ReactPlayerLoader, { onSuccess: onVideoSuccess, accountId: accountIDs.brightcove.accountId, videoId: videoID, playerId: accountIDs.brightcove.playerId, attrs: { className: 'brightcove' } });
+      return React__default.createElement(ReactPlayerLoader, { onSuccess: onVideoSuccess, accountId: accountIDs.brightcove.accountId, videoId: videoID, playerId: accountIDs.brightcove.playerId, attrs: { className: 'brightcove', autoplay: 'muted' } });
     } else if (playlistID) {
       return React__default.createElement(ReactPlayerLoader, {
         accountId: accountIDs.brightcove.accountId,
         playlistId: playlistID,
         playerId: accountIDs.brightcove.playerId,
         onSuccess: onVideoSuccess,
-        attrs: { className: 'brightcove brightcove-playlist' }
+        attrs: { className: 'brightcove brightcove-playlist', autoplay: 'muted' }
       });
     } else if (experienceID) {
       return React__default.createElement(
@@ -14422,7 +14437,9 @@ var getSerializers = function getSerializers() {
       onVote = props[3],
       showVotes = props[4],
       drupalLeadSettings = props[5],
-      currentPage = props[6];
+      currentPage = props[6],
+      _props$ = props[7],
+      autoplay = _props$ === undefined ? false : _props$;
 
   return {
     types: {
@@ -14478,7 +14495,7 @@ var getSerializers = function getSerializers() {
       video: function video(_ref9) {
         var node = _ref9.node;
 
-        return React__default.createElement(Video, { node: node, accountIDs: videoAccountIDs || {} });
+        return React__default.createElement(Video, { node: node, autoplay: autoplay, accountIDs: videoAccountIDs || {} });
       },
       audio: function audio(_ref10) {
         var node = _ref10.node;
@@ -17185,7 +17202,7 @@ var Article = function Article(props) {
         React__default.Fragment,
         null,
         React__default.createElement(TaxonomyCard.BlockContent, _extends$2._extends({
-          serializers: getSerializers(client, pageview, videoAccountIDs, function () {}, true, drupalLeadSettings, currentPage),
+          serializers: getSerializers(client, pageview, videoAccountIDs, function () {}, true, drupalLeadSettings, currentPage, false),
           blocks: [].concat(toConsumableArray._toConsumableArray(body.slice(0, selectedIndex))),
           imageOptions: { w: 320, h: 240, fit: 'max' }
         }, client.config())),
@@ -17195,14 +17212,14 @@ var Article = function Article(props) {
           React__default.createElement(AdSlot.DFPAdSlot, _extends$2._extends({}, payload.contextualAD, { refreshFlag: false, checkIsAdFound: checkIsAdFound }))
         ),
         React__default.createElement(TaxonomyCard.BlockContent, _extends$2._extends({
-          serializers: getSerializers(client, pageview, videoAccountIDs, function () {}, true, drupalLeadSettings, currentPage),
+          serializers: getSerializers(client, pageview, videoAccountIDs, function () {}, true, drupalLeadSettings, currentPage, false),
           blocks: [].concat(toConsumableArray._toConsumableArray(body.slice(selectedIndex))),
           imageOptions: { w: 320, h: 240, fit: 'max' }
         }, client.config()))
       );
     } else {
       return React__default.createElement(TaxonomyCard.BlockContent, _extends$2._extends({
-        serializers: getSerializers(client, pageview, videoAccountIDs, function () {}, true, drupalLeadSettings),
+        serializers: getSerializers(client, pageview, videoAccountIDs, function () {}, true, drupalLeadSettings, currentPage, false),
         blocks: articleBody,
         imageOptions: { w: 320, h: 240, fit: 'max' }
       }, client.config()));

package/dist/esm/index.js

@@ -8907,7 +8907,9 @@ function (_React$Component) {
 
 var Video = function Video(_ref) {
   var node = _ref.node,
-      accountIDs = _ref.accountIDs;
+      accountIDs = _ref.accountIDs,
+      _ref$autoplay = _ref.autoplay,
+      autoplay = _ref$autoplay === undefined ? false : _ref$autoplay;
   var source = node.source,
       videoID = node.videoID,
       playlistID = node.playlistID,
@@ -8927,7 +8929,20 @@ var Video = function Video(_ref) {
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
 
-      Beam.report_beam_video('Ready', main_16, duration, current, segment, 'BrightCove', chapter.playerID, chapter.accountID, chapter.mediaID);
+      // try to auto play first with no-mute
+      if (autoplay) {
+        player.play().then(function () {
+          player.muted(false);
+        }).catch(function (error) {
+          // then try to auto play with mute
+          player.muted(true);
+          player.play();
+        });
+      } else {
+        player.pause();
+      }
+
+      Beam.report_beam_video('Ready', main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
     });
 
     // play
@@ -8936,7 +8951,7 @@ var Video = function Video(_ref) {
       var current = player.currentTime();
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
-      Beam.report_beam_video('Play', main_16, duration, current, segment, 'BrightCove', chapter.playerID, chapter.accountID, chapter.mediaID);
+      Beam.report_beam_video('Play', main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
     });
 
     // pause 
@@ -8945,7 +8960,7 @@ var Video = function Video(_ref) {
       var current = player.currentTime();
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
-      Beam.report_beam_video('Pause', main_16, duration, current, segment, 'BrightCove', chapter.playerID, chapter.accountID, chapter.mediaID);
+      Beam.report_beam_video('Pause', main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
     });
 
     // end
@@ -8954,7 +8969,7 @@ var Video = function Video(_ref) {
       var current = player.currentTime();
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
-      Beam.report_beam_video('End', main_16, duration, current, segment, 'BrightCove', chapter.playerID, chapter.accountID, chapter.mediaID);
+      Beam.report_beam_video('End', main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
     });
 
     var queueProgress = [];
@@ -8964,7 +8979,7 @@ var Video = function Video(_ref) {
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
       if (!queueProgress.includes(segment)) {
-        Beam.report_beam_video('Segment', main_16, duration, current, segment, 'BrightCove', chapter.playerID, chapter.accountID, chapter.mediaID);
+        Beam.report_beam_video('Segment', main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
         queueProgress.push(segment);
       }
     });
@@ -8989,14 +9004,14 @@ var Video = function Video(_ref) {
 
   if (source === 'brightcove' && accountIDs.brightcove) {
     if (videoID) {
-      return React__default.createElement(ReactPlayerLoader, { onSuccess: onVideoSuccess, accountId: accountIDs.brightcove.accountId, videoId: videoID, playerId: accountIDs.brightcove.playerId, attrs: { className: 'brightcove' } });
+      return React__default.createElement(ReactPlayerLoader, { onSuccess: onVideoSuccess, accountId: accountIDs.brightcove.accountId, videoId: videoID, playerId: accountIDs.brightcove.playerId, attrs: { className: 'brightcove', autoplay: 'muted' } });
     } else if (playlistID) {
       return React__default.createElement(ReactPlayerLoader, {
         accountId: accountIDs.brightcove.accountId,
         playlistId: playlistID,
         playerId: accountIDs.brightcove.playerId,
         onSuccess: onVideoSuccess,
-        attrs: { className: 'brightcove brightcove-playlist' }
+        attrs: { className: 'brightcove brightcove-playlist', autoplay: 'muted' }
       });
     } else if (experienceID) {
       return React__default.createElement(
@@ -14419,7 +14434,9 @@ var getSerializers = function getSerializers() {
       onVote = props[3],
       showVotes = props[4],
       drupalLeadSettings = props[5],
-      currentPage = props[6];
+      currentPage = props[6],
+      _props$ = props[7],
+      autoplay = _props$ === undefined ? false : _props$;
 
   return {
     types: {
@@ -14475,7 +14492,7 @@ var getSerializers = function getSerializers() {
       video: function video(_ref9) {
         var node = _ref9.node;
 
-        return React__default.createElement(Video, { node: node, accountIDs: videoAccountIDs || {} });
+        return React__default.createElement(Video, { node: node, autoplay: autoplay, accountIDs: videoAccountIDs || {} });
       },
       audio: function audio(_ref10) {
         var node = _ref10.node;
@@ -17182,7 +17199,7 @@ var Article = function Article(props) {
         React__default.Fragment,
         null,
         React__default.createElement(BlockContent, _extends$2({
-          serializers: getSerializers(client, pageview, videoAccountIDs, function () {}, true, drupalLeadSettings, currentPage),
+          serializers: getSerializers(client, pageview, videoAccountIDs, function () {}, true, drupalLeadSettings, currentPage, false),
           blocks: [].concat(_toConsumableArray(body.slice(0, selectedIndex))),
           imageOptions: { w: 320, h: 240, fit: 'max' }
         }, client.config())),
@@ -17192,14 +17209,14 @@ var Article = function Article(props) {
           React__default.createElement(DFPAdSlot, _extends$2({}, payload.contextualAD, { refreshFlag: false, checkIsAdFound: checkIsAdFound }))
         ),
         React__default.createElement(BlockContent, _extends$2({
-          serializers: getSerializers(client, pageview, videoAccountIDs, function () {}, true, drupalLeadSettings, currentPage),
+          serializers: getSerializers(client, pageview, videoAccountIDs, function () {}, true, drupalLeadSettings, currentPage, false),
           blocks: [].concat(_toConsumableArray(body.slice(selectedIndex))),
           imageOptions: { w: 320, h: 240, fit: 'max' }
         }, client.config()))
       );
     } else {
       return React__default.createElement(BlockContent, _extends$2({
-        serializers: getSerializers(client, pageview, videoAccountIDs, function () {}, true, drupalLeadSettings),
+        serializers: getSerializers(client, pageview, videoAccountIDs, function () {}, true, drupalLeadSettings, currentPage, false),
         blocks: articleBody,
         imageOptions: { w: 320, h: 240, fit: 'max' }
       }, client.config()));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.377",
+  "version": "1.0.379",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",