使用 Fancy box 显示我的 YouTube 视频时遇到实际问题。我已按照以下说明进行操作:
http://fancyapps.com/fancybox/
与其按照应有的方式在我的网站上的弹出窗口中显示我的 youtube 视频,不如直接将我带到 YouTube。
任何人都可以帮忙吗?
JavaScript/Fancybox:
<script type="text/javascript" src="Fancybox/source/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="Fancybox/lib/jquery.mousewheel-3.0.6.pack.js</script>
<link rel="stylesheet" href="Fancybox/source/jquery.fancybox.css" type="text/css"media="screen" />
<script type="text/javascript">
$(document).ready(function() {
$(".info").fancybox({
openEffect : 'elastic',
closeEffect : 'fade',
helpers : {
media : {}
}
});
});
</script>
HTML:
<div class="view view-first">
<img src="http://www.intelligenthq.com/wp-content/uploads/2012/01/capital-markets1-360x194.jpg" />
<div class="mask">
<h2>Title</h2>
<p>Your Text</p>
<a href="http://www.youtube.com/watch?v=92c3dX-AoXs" class="info">Play</a>
</div>
</div>