javascript 触发Brightcove视频

Posted 2021-05-03

(function(GW, $) {
  'use strict';

  const videoContainer = document.querySelector('.js-video-container');
  const theURL = 'https://players.brightcove.net';
  // Get a reference to the iframe element
  const iframeTag = videoContainer.querySelector('iframe');
  // Retrieve window object needed for postMessage
  const window = iframeTag.contentWindow;

  /**
   * Play Brightcove videos.
   * @param {Event} event - Prevents the default event of the trigger.
   */
  GW.playVideos = function(event) {
    event.preventDefault();
    videoContainer.classList.add('full-width-video__video-container--active');
    window.postMessage('playVideo', theURL);
  };

  GW.fullWidthVideo = {
    init: function() {
      const videoTrigger = document.querySelector('.js-video-play');
      videoTrigger.addEventListener('click', GW.playVideos);
    }
  };
}(window.GW = window.GW || {}, jQuery));