How to Pause and Stop a Video in a Modal on Close?

Design help Custom code
6

To insert a video to Video Widget in Webflow simply click the video, go to settings panel and paste the link to the video on youtube.

This is the code you should have. Find a difference between this one, yours and the one I placed above. This code works only for youtube videos since vimeo is little more complicated if I remember well.

$(document).ready(function() {
  // set unique id to videoplayer for the Webflow video element
  var src = $('.videoplayer').children('iframe').attr('src');

  $('.modal-link').click(function(e) {
    e.preventDefault();
    $('.videoplayer').children('iframe').attr('src', src);
    $('.modal-background').fadeIn();
  });
  $('.close-modal').click(function(e) {
    e.preventDefault();
    $('.videoplayer').children('iframe').attr('src', '');
    $('.modal-background').fadeOut();
  });
});