Example jquery module

content.play-mp4.js

(function ($) {

  var $document = $(document);

  var PlayMp4 = function () {

    /**
     * @param {Event} event
     * @private
     */
    var _stop = function (event) {
      event.preventDefault();
      
      var $itemContent = $(this).find('.media_wrap').removeClass('play');
      var video = $itemContent.find('video')[0];
      video.pause();
      video.currentTime = 0;
    };

    /**
     * @param {Event} event
     * @private
     */
    var _play = function (event) {
      event.preventDefault();
      
      var $itemContent = $(this).closest('.media_wrap');
      $itemContent.addClass('play').find('video')[0].play();
    };

    return {
      on: function () {
        $document
          .on('click', '.media_wrap .vine-play', _play)
          .on('click', '.media_wrap .coub-play', _play)

          .on('mouseleave', '.item[data-type="vine"]', _stop)
          .on('mouseleave', '.item[data-type="coub"]', _stop);
      },

      off: function () {
        $document
          .off('click', '.media_wrap .vine-play', _play)
          .off('click', '.media_wrap .coub-play', _play)

          .off('mouseleave', '.item[data-type="vine"]', _stop)
          .off('mouseleave', '.item[data-type="coub"]', _stop);
      },
    };
  };

  $(document).trigger('js.load', ['content.play-mp4', PlayMp4]);
})(window.jQuery);