我正在尝试使用 jQuery 的 beautifulPhoto 将视频添加到我的网站。
我确实在我的头部添加了 jQuery 源代码和 PrettyPhoto js 位置,在我的 body 标记末尾之前,我还添加了初始化代码(如文档中所述)。
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto();
});
</script>
在我的 HTML 中,这就是我编写的内容,因为我也希望视频能够显示,但是当有人单击它时,视频应该以灯箱形式打开。
<div id="video_player">
<a href="#" rel="prettyPhoto">
<iframe width="640" height="350" src="http://www.youtube.com/embed/cH6kxtzovew" frameborder="0" allowfullscreen></iframe>
</a>
</div>
但是它不起作用。我该如何实现这一点?
最佳答案
你应该这样做
HTML
<div id="video_player">
<a href="http://www.youtube.com/watch?v=cH6kxtzovew" rel="prettyPhoto" title="My YouTube Video">
<img src="http://img.youtube.com/vi/cH6kxtzovew/default.jpg" alt="YouTube" width="50">
</a>
</div>
根本不需要更改 JavaScript。
工作演示:http://jsfiddle.net/naveen/HU8zx/
文档:http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/documentation/
关于jquery - 如何使用 jQuery PrettyPhoto 显示视频并在单击时在灯箱中打开?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7061944/