Question

我今天购买了iLightBox，但似乎无法在插件的灯箱中打开视频（youtube，hulu，vimeo等）。图片打开正常，不是视频或iframe。

我相信我已正确关注documentation。

这是我的HTML：

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>iLightbox</title>

    <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="js/jquery.requestAnimationFrame.js"></script>
    <script type="text/javascript" src="js/jquery.mousewheel.js"></script>
    <script type="text/javascript" src="js/ilightbox.packed.js"></script>

    <link rel="stylesheet" type="text/css" href="css/ilightbox.css"/>
    <link rel="stylesheet" type="text/css" href="css/dark-skin/skin.css"/>
</head>

<body>
    <a href="http://www.oxleydogtrainingclub.org.au/bamboo%20dog.JPG" id="ilightbox" data-type="image">Image</a><br>

    <a href="http://www.youtube.com/watch?v=gIp7vZuYzoA?autoplay=1&autohide=1&border=0&egm=0&showinfo=0'" id="ilightbox">Youtube</a><br>

    <a href='http://www.hulu.com/watch/424558'
   id="ilightbox"
   data-options="smartRecognition: true">Hulu</a><br>

    <a href='http://www.youtube.com/watch?v=gIp7vZuYzoA?autoplay=1&autohide=1&border=0&egm=0&showinfo=0'
    id="ilightbox"
    data-type="iframe"
    data-options="width: 638, height: 360">Youtube (HTML5)</a>
    <script>
      $('#ilightbox').iLightBox();
    </script>
</body>
</html>

谁能告诉我我做错了什么？

Answer 1

尝试使用colorbox，它免费且易于安装，适用于许多平台（youtube，viemo，iframe，inline，ajax等。colorbox

Answer 2

我发现了我的问题。

原则上你必须为每个项目调用iLightBox()函数。例如：

$('#myImage1').iLightBox();
$('#myImage2').iLightBox();
$('#myVideo1').iLightBox();
$('#myVideo2').iLightBox();

Answer 3

这里游戏有点晚了，但是你使用的是ID而不是类......它只抓住第一个，因为你只需要每个元素一个元素ID。

尝试将其更改为class="myVideo"并致电$(".myVideo").iLightBox();

iLightbBox视频和iframe无效

3 个答案: