Control the BigMarker video player with JavaScript

Embed the BigMarker video player on your site and use JavaScript to play, pause, and control the content shown

When you have an on-demand webinar, you also have the ability to embed the video player. Using the widgets you video can be available anywhere, and with some additional JavaScript you can add links and buttons on your website to control that player widget.

One method of controlling the video player utilizing the information that can be transmited into the widget. here are the following commands that can be given via sending through a postMessage method: 

      // play video
      iframe.contentWindow.postMessage({
        type: 'on-demand-play'
      });
      // pause video
      iframe.contentWindow.postMessage({
        type: 'on-demand-pause'
      });
      // mute video
      iframe.contentWindow.postMessage({
        type: 'on-demand-mute'
      });
      // unmute video
      iframe.contentWindow.postMessage({
        type: 'on-demand-unmute'
      });
      // Jump to X seconds
      iframe.contentWindow.postMessage({
        type: 'on-demand-seek',
        timestamp: $('#bm-seconds').val()
      });

Alternatively, the video status (play/pause/jump/end/playback progress) in the iframe will be transmitted in real-time to the parent page. The ID of the transmitted JS code is:

      window.addEventListener("message", function(event) {
      if (event && event.data && event.data.type == "bm-on-demand-seek") {
        // video seek
      }

      if (event && event.data && event.data.type == "bm-on-demand-play") {
       // video play
      }

      if (event && event.data && event.data.type == "bm-on-demand-pause") {
        // video pause
      }

      if (event && event.data && event.data.type == "bm-on-demand-complete") {
        // video end
      }

      if (event && event.data && event.data.type == "bm-on-demand-mute") {
        // video mute
      }

      if (event && event.data && event.data.type == "bm-on-demand-unmute") {
        // video unmute
      }

      if (event && event.data && event.data.type == "bm-on-demand-quartile") {
        // video quartile(25%, 50%, 75%)
      }

      if (event && event.data && event.data.type == "bm-on-demand-time-update") {
        // current seconds of video
      }
    });