Tumblr 如何为视频 YouTube 链接添加 Lightbox FancyBox3？答案

【问题标题】：Tumblr How to add Lightbox FancyBox3 for Video YouTube link?Tumblr 如何为视频 YouTube 链接添加 Lightbox FancyBox3？
【发布时间】：2020-04-16 01:50:09
【问题描述】：

我的单张照片和多张照片灯箱弹出窗口正在我的博客上工作。但是视频灯箱弹出窗口不起作用。我在这里做错了什么？

但是如何将 FancyBox3 添加到我的 Tumblr 博客（https://ozarking-1.tumblr.com/、视频、YouTube 链接和混合媒体等。

<!-- TEST start-->
<!-- fancybox3 Lightbox Tumblr-->
{block:iflightbox}
{block:Video}

<a data-fancybox href="{VideoEmbed-700}" <img src="{block:VideoThumbnail}
{VideoThumbnailURL}
{/block:VideoThumbnail}"/></a>

{/block:Video}
{/block:iflightbox}
<!-- TEST end-->

【问题讨论】：

标签： jquery video fancybox lightbox tumblr

【解决方案1】：

fancybox 只有在您正确完成所有操作后才能正常工作。您的代码似乎缺少>，例如，

<a data-fancybox href="{VideoEmbed-700}" <img src="

应该是

<a data-fancybox href="{VideoEmbed-700}"> <img src="

因此，请检查代码的输出并确保它是有效的 HTML。

【讨论】：