Как сделать блок с видео при наведении на кнопку?

Question

[WebforSelf]

Друзья, уже довольно давно мучаюсь с данной проблемой . Есть сайт.
https://russia.feeriya.ru/catalog/batarei_saljutov...
Там есть кнопка с видео которая при наведении выводит маленькое окно в котором видео запускается. при клике же на полный экран. При клике проблем не возникло, вешаю фансибокс и без проблем. Вывожу ссылку на видео с CMS. А вот с таким блоком уже запара...

<div class="product-block__video-btn" data-video-file="01357"  data-video="01357">VIDEO</div>
 
 <div class="product-block__video-wrapper">
        <div class="product-block__video" data-video="01357"></div>
      </div>

$(".product-block__video-btn").on("mouseover", "video", function(){
  var video_parent = $(this).parent().parent().find('.product-block__video-wrapper'),
    video_block = video_parent.find('.product-block__video'),
    video_id = video_block.attr('data-video');
    video_block.empty();
    video_parent.addClass('active');
    var video = $('<video allow="autoplay"></video>'),
      video_wrapper = $("<div id='player_catalog_grid'/>");
    $(["mp4"]).each(function(i, type) {
      video.append($("<source/>").attr({
        src: "https://site.ru/video/" + video_id + "." + type,
        type: "video/" + type
      }));
    });
    video_block.append(video_wrapper);
    video_wrapper.append(video);
});

не хочет работать, даже ничего не пытается подгрузить. Где ошибся?
Отблагодарю за помощь.

Comments

[hzzzzl]

у меня всё играет при наведении на кнопку

[WebforSelf]

hzzzzl, это сайт пример, я хочу понять как сделано у них, и сделать у себя на локале.