Видео в модальном окне

Возникла такая идея сделать трейлер в модальном окне в краткой новости. Нашел такой плагин как magnific popup, но за неимением опыта не могу понять как его поставить и настроить. Может найдется добрый человек который подскажет?

 

Подобное буду делать человеку - https://www.weblancer.net/projects/780391.html
Если интересует - 5$ покупка будет стоить.

 

Мне нравиться

 

подскажите . это будет такого формата как на ХдРезке?
http://hdrezka.me/films/drama/18642-pryzhok.html

 

да

 

Для bootstrap есть решение
http://jsfiddle.net/jeremykenedy/h8daS/1/

 

Ну так это видео с ютуб. Такое решение у Magnific popup. Тяжко для меня настроить чтоб передавало id новости и работало по доп полю. Что и предлагает сделать Gameer.

 

оно без аякса! можно например делать модальное окно через https://0-web.ru/dle/free-mod-dle/210-show-full-v21.html и будет подгрузка контента через аякс. а оформление окна - это уже чисто КСС можно настроить...

 

вы че себе всю монетизацию сайта вечно убиваете то ))) то блять рюшек навешают хз для чего, то шаб хз нахера сделан так что ни брендирования ни рекламу нормально не повесишь, теперь еще модальные окна )) вы совсем ипанулись люди ? нах вам сайты нужны то ? ))) ппц какой то )
еще и платить за убийство монетизации )

 

там будет реклама чтоб никому не мешала она, пускай все смотрят рекламу через модальные окна

 

Для души. Самому приятно пользоваться. И для дальнейшего понимания и изучения как это все ставится
И как говорится: меньше знаешь, больше платишь

 

Вот, смастерил
https://jsfiddle.net/maxwellum/31qcnogb/

 

А это здравая конкуренция 5$ Gameera. Вечерком опробую
Куда бы еще там прописать {id news}?

 

{news-id}? Ну можно к ссылке id сделать. Только зачем?
P.S. Вообще, подобное можно сделать почти для любого плеера, простым добавлением pattern'ов. Вот popup для moonwalk, работает только без https на сайте. Демо

HTML:

<a class="video" href="{full-link}" data-mfp-src="http://moonwalk.pw/video/d8ee3b664b7df206/iframe">Open video</a>
<!-- В параметр data-mfp-src вставляем, например, [xfvalue_trailer] -->
<!-- Magnific Popup core CSS file -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css">

<!-- jQuery 1.7.2+ or Zepto.js 1.0+ -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<!-- Magnific Popup core JS file -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script>
<script type="text/javascript">
$('.video').magnificPopup({
  type: 'iframe',


  iframe: {
    patterns: {
      moonwalk: {
 
        index: 'moonwalk.pw',
 
        id: 'video/',
 
        src: 'http://moonwalk.pw/video/%id%'
 
      }
    }
  }


});
</script>

 

@maxwellum, лучше заменить href на data-mfp-src так никуда вес не улетит

 

У мну покруче будет

 

Я лично в этом и не сомневаюсь

 

нужно попроще а не покруче, кому крутизна усралась то, главное чтоб работало некосячно

 

У него не Ajax

 

я аякс на всех сайтах отключаю )) он мне ни капли не усрался )