Видео попап. Почему неполучается сделать второе, третье всплывающее окно?

Question

[sobolev_danil]

Надо сделать всплывающий попап с видео. Применяю библиотеку videopopup.js
Но почему то при применении одного окна все работает шикарно, то при добавлении второго воторой начинает глючить и не открываться корректно. В чем может быть причина?

<a href="javascript:void(0)" id="video-trigger">Open</a>
<a href="javascript:void(0)" id="video-trigger-1">Open-1</a>


<div id="vidBox">
  <div id="videCont">
    <video autoplay id="demo" loop controls>
      <source src="1.webm" type="video/webm">
      <source src="1.mp4" type="video/mp4">
    </video>
   </div>
</div>
<div id="vidBox-1">
  <div id="videCont">
    <video autoplay id="demo-1" loop controls>
      <source src="2.webm" type="video/webm">
      <source src="2.mp4" type="video/mp4">
    </video>
   </div>
</div>

$(function () {
 $('#vidBox').VideoPopUp({
  opener: "video-trigger"
  idvideo: "demo"
  });
});
$(function () {
 $('#vidBox-1').VideoPopUp({
  opener: "video-trigger-1"
  idvideo: "demo-1"
  });
});

Answer 1

[Rsa97]

Потому что плагин кривой и не предназначен для создания нескольких экземпляров одновременно. Если посмотрите его исходный код, то там создаются элементы с фиксированными id (id="opct" и id="closer_videopopup"), а по стандарту HTML на странице не должно быть элементов с одинаковыми id.