如何使用Thickbox 显示视频？

Question

我正在尝试使用thickbox 在页面上显示视频。按照网站上的说明进行操作，但是当我点击链接时，它只会将我带到 youtube 页面，这不是我想要的。

我的标题中有对 jquery 和thickbox 的调用，以及厚框的css：

<script src="<?php bloginfo('template_url'); ?>/javascripts/thickbox.js"></script>
<script src="<?php bloginfo('template_url'); ?>/javascripts/jquery.js"></script>
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/stylesheets/thickbox.css">

这是正文中的代码：

<strong>
<a class="thickbox" href="//www.youtube.com/embed/########?rel=0?KeepThis=true&TB_iframe=true&height=400&width=600"  title="##### Hanson">
    <img src="http://www.#########.org/campaign/wp-content/uploads/sites/59/2013/09/#####.jpg"/>
</a> ##### Hanson*<br>(1960 B.S.M.E.)
</strong>

为了隐私起见，我对上面代码中的一些信息进行了哈希处理。有什么可能出错的建议吗？

编辑：可能应该提到我在 word press 中使用它

Answer 1

您需要加载ThickBox <script /> AFTER jQuery 文件...就像下面的代码。

编辑： 另外，将您拥有的 jQuery 脚本替换为我在示例中使用的 CDN jQuery 版本。然后清除浏览器cache（在使用 WP 时很重要）。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="<?php bloginfo('template_url'); ?>/javascripts/thickbox.js"></script>
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/stylesheets/thickbox.css">

根据经验，您的 jQuery <script /> 应该始终是列出的第一个 js 文件。它需要在您的其他 js 脚本之前先加载（假设您的其余脚本需要 jQuery）。否则它们不会被启动。