ecommerce/templates/standard-landing-page/js/hero-video.js

Easily create Ecommerce sites powered by Hanzo.

$(function(){
  var opts = 'autoplay=1&showinfo=0&modestbranding=1&rel=0&loop=1';

  $('.hero.video .play').on('click', function(e){
    var $hero = $(this).closest('.hero');
    var $modal = $hero.find('.video-modal');
    var $iframe = $modal.find('iframe');

    var src = $hero.attr('data-src');
    $iframe.attr('src', src + '?' + opts);
    $modal.removeClass('hidden');

    e.stopPropagation();
    e.preventDefault();
    return false;
  });

  $('.hero.video .modal-close').on('click', function(e){
    var $modal = $(this).closest('.modal');
    // $modal.addClass('hidden');
    var $iframe = $modal.find('iframe');
    $iframe.attr('src', '');
  })
});