Question

我正在Bootstrap 4中使用Lokesh Dhakar的Lightbox v2.10.0，而不是要在模态窗口中播放Youtube视频的图像，请帮助我。

这是我尝试过的方法，但是我无法播放Youtube链接

      <div class="col-lg-4 col-md-6 portfolio-item filter-app">
        <div class="portfolio-wrap">
          <img src="img/portfolio/app1.jpg" class="img-fluid" alt="">
          <div class="portfolio-info">
            <h4><a href="#">App 1</a></h4>
            <p>App</p>
            <div>
              <a rel="iframeLink" href="https://www.youtube.com/watch?v=_n3b0rcDEIk" data-lightbox="portfolio" data-title="App 1" class="link-preview" title="Preview"><i class="ion ion-eye"></i></a>
            </div>
          </div>
        </div>
      </div>

Answer 1

Lightbox2不支持视频。

您最好的选择是使用具有视频支持的备用“灯箱”库。您还可以将Lightbox2修改为具有视频支持，并以现有工作为起点（https://github.com/lokesh/lightbox2/pull/564），但这将更具挑战性。

如何在Lightbox v2.10.0中链接Youtube视频

1 个答案: