$(document).ready(function () {
  var $firstItem = $('.wc-home--loved__itens').first();
  var firstVideoUrl = $firstItem.data('video');

  if (!firstVideoUrl) return;

  var $overlay = $('.wc-home--loved__video-overlay');
  var $player = $overlay.find('.wc-home--loved__video-player');

  $player
    .attr('src', firstVideoUrl)
    .prop('muted', true)[0]
    .play();

  $overlay.fadeIn();
});


$('.wc-home--loved__button-play').on('click', function () {
  var $li = $(this).closest('.wc-home--loved__itens');
  var videoUrl = $li.data('video'); // pega direto do li

  if (!videoUrl) return;

  var $overlay = $('.wc-home--loved__video-overlay');
  var $player = $overlay.find('.wc-home--loved__video-player');

  $player.attr('src', videoUrl)[0].play();
  $overlay.fadeIn();
});

$('.wc-home--loved__close').on('click', function () {
  var $overlay = $('.wc-home--loved__video-overlay');
  var $player = $overlay.find('.wc-home--loved__video-player');

  $player[0].pause();
  $player.attr('src', '');
  $overlay.fadeOut();
});