Вывод видео в окне colorbox

[helen2014]

Подскажите!

Вот код вывода для изображений в окне colorbox.

<div class="inline">

<d class="row">

<div class="col-md-3 col-xs-6"><a class="gallery" href="/image/catalog/banners/c_1_m.jpg"><img src="/image/catalog/banners/c_1_m.jpg" title="" alt="" class="img-responsive"></a></div>
<div class="col-md-3 col-xs-6"><a class="gallery" href="/image/catalog/banners/c_2_m.jpg"><img src="/image/catalog/banners/c_2_m.jpg" title="" alt="" class="img-responsive"></a></div>
<div class="col-md-3 col-xs-6"><a class="gallery" href="/image/catalog/banners/c_3_m.jpg"><img src="/image/catalog/banners/c_3_m.jpg" title="" alt="" class="img-responsive"></a></div>
<div class="col-md-3 col-xs-6"><a class="gallery" href="/image/catalog/banners/c_4_m.jpg"><img src="/image/catalog/banners/c_4_m.jpg" title="" alt="" class="img-responsive"></a></div>
</d>

</div>

Скажите можно ли вывести видео таким же способом?

Видео с youtub.

Змінено 31 серпня 2020 користувачем helen2014

[Ulv]

$.colorbox({ href: 'ссылка на видео', width: '600px', height: '400px', iframe: true });

 Можно по клику на кнопку выводить popup. 

<a class="js-popup-trigger" role="button" href='ссылка на видео'>кнопка</a>
<script>
    $('.js-popup-trigger').colorbox({iframe: true, width: 600, height: 400, href:function(){
      
        var videoId = new RegExp('[\\?&]v=([^&#]*)').exec(this.href);
        if (videoId && videoId[1]) {
            return 'http://youtube.com/embed/'+videoId[1]+'?rel=0&wmode=transparent';
        }
      
    }});
</script>

 

Змінено 31 серпня 2020 користувачем Ulv

[Seriusis]

Как вариант, модуль в том числе выводит любое содержимое в popup 

 

[GetWeb]

$(".youtube").colorbox({iframe:true, innerWidth:640, innerHeight:390});

<div class="col-md-3 col-xs-6">
  <a class="youtube" href="/ссылка_на_видео"><img src="/image/catalog/banners/c_1_m.jpg" title="" alt="" class="img-responsive"></a>
</div>