灯箱 youtube 视频答案

【问题标题】：Lightbox youtube videos灯箱 youtube 视频
【发布时间】：2016-12-02 11:17:39
【问题描述】：

我想用 lightbox2 显示 YouTube 视频，但我不知道怎么做。在我的网站上，我已经使用这个灯箱来显示照片，当我写这个时：

<a href="https://www.youtube.com/watch?v=E5ln4uR4TwQ?rel=0" data-lightbox="lightbox">
    <button class="view-more">
        <img src="images/loupe.png" width="400" alt="loupe">
    </button>
</a>

出现一个小白框，每次都加载。

【问题讨论】：

您的 HTML 无效 - 您不能在 a 中包含 button。

标签： jquery youtube lightbox lightbox2

【解决方案1】：

不妨试试这个：

<a href="http://video.google.com/videoplay?docid=1811233136844420765" rel="lightvideo">Google video example - default size</a>

只需更改href。否则不要将button 放入<a></a>

【讨论】：

我试过了：youtube.com/watch?v=6dUAXND_ukc" rel="lightvideo" data-lightbox="video1">视频但我得到了同样的结果：/
试试这个然后 youtube.com/embed/XGSy3_Czz8k">

【解决方案2】：

如果您知道如何获取 YouTube 嵌入链接，可以试试这个：

    <iframe width="420" height="315"
src="https://www.youtube.com/embed/XGSy3_Czz8k">
</iframe>

【讨论】：

如果我尝试这个，它会创建一个 youtube 盒子，而不是一个灯箱，然后是一个 youtube 视频：/