FancyBox不会播放youtube视频

时间:2015-07-02 23:52:30

标签: javascript jquery html css fancybox

我很难获得Jquery fancybox插件来播放YouTube视频。我已经浏览了其他人在本网站上发布的一些解决方案,但我仍然遗漏某些东西,但是我看不到它。新的编码世界等。

好。在这里,我做了一个快速测试页面并抓取了一个随机的YouTube视频。以下是我的页面代码的外观:

  <!doctype html>
  <html>
  <head>
  <meta charset="UTF-8">
  <title>Untitled Document</title>

  <script type="text/javascript" src="jQuery/jquery-1.11.3.js"></script>
  <link rel="stylesheet" href="fancyapps-fancyBox-        18d1712/source/jquery.fancybox.css" type="text/css" media="screen" />

  <script type="text/javascript" src="fancyapps-fancyBox-18d1712/source/jquery.fancybox.pack.js"></script>

  <script type="text/javascript" src="fancyapps-fancyBox-18d1712/source/helpers/jquery.fancybox-media.js"></script>


<script type="text/javascript">
    $(document).ready(function() {
        $(".fancybox").fancybox();
    });


$(document).ready(function() {
    $('.videos').fancybox({
        openEffect  : 'none',
        closeEffect : 'none',
        helpers : {
        media : {}
        }
    });
});
</script>

<style type="text/css">
</style>
</head>


<body>
<ul class="list">
<li><a class="videos" href="https://www.youtube.com/watch?v=hS5CfP8n_js">Youtube</a></li>
</ul>

</body>
</html>

有人可以帮忙吗?

1 个答案:

答案 0 :(得分:0)

您是否尝试过here所提供的答案?

UIDevice.currentDevice().userInterfaceIdiom == .Pad
UIDevice.currentDevice().userInterfaceIdiom == .Phone
UIDevice.currentDevice().userInterfaceIdiom == .Unspecified

如果您的链接已直接转到嵌入版本,您可以将href更改为this.href或只是删除。