Как добавить video в ZeroPopUP в Tilda
Zero #Video

Как добавить video в ZeroPopUP в Tilda

1
Создали ZeroPopUP (https://mo-ti.ru/popupzero)
2
Добавили в этот Zero элемент HTML
Вставили в него 1-ый код - плеера
3
2-ой код добавили на страницу, в блок Другое - Т123
Указали в нём ссылку кнопки, которая вызывает popUP
(в примере #popup:subscribe)

Библиотека для примера
<iframe id="videoN1" width="100%" height="100%" src="https://www.youtube.com/embed/ZQKdayVotaI?enablejsapi=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<script>
     var observer = new MutationObserver(function (mutations) {
    mutations.forEach(function (mutation) {
        var newVal = $(mutation.target).prop(mutation.attributeName);
        if (mutation.attributeName === "class") {
        	if(!$(".t-popup").hasClass("t-popup_show")) {
            $("iframe#videoN1").each(function() {
        $(this)[0].contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*')
      });	};   };});});
observer.observe( document.body, {  attributes: true});
  $(document).on('click', 'a[href="#popup:subscribe"]', function() {
      $("iframe#videoN1").each(function() {
        $(this)[0].contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*')
      }); });
</script>
Tilda Newsletter
Subscribe to our email newsletter for useful tips and valuable resources, sent out every month
Made on
Tilda