1

我有加载不同视频的页面。如果这意味着什么，我会使用 jw 播放器作为播放器。而且我的问题很连贯……JW 播放器只播放第一个视频。无论我点击哪个链接，总是播放第一个视频。

如果我看到我的源代码（执行的 html），视频加载正确，即 img1，链接到 video1.flw，img2 链接到 video2.flw...等等。但是，无论我点击哪个链接，都只会播放第一个视频。

任何人都可以弄清楚为什么会发生这种情况？？？

这是与视频相关的代码：

我在标题中有这段代码：

<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
<script type='text/javascript' src='js/jquery.simplemodal.js'></script>
<script type='text/javascript' src='js/basic.js'></script>
<script type="text/javascript" src="jwplayer/jwplayer.js"></script>

这是放置视频的代码：

<div id='basic-modal'>
<a href='#' class='basic'>
<img src="backOffice/backOfficeImages/<?php echo $r[instrument_image]; ?>" alt="" width="300" height="410" />
</a> 
</div>

<!-- modal content -->
<div id="basic-modal-content">  
<!-- START OF THE PLAYER EMBEDDING TO COPY-PASTE -->
<div id="<?php echo $i;?>">JW Player goes here</div>

<script type="text/javascript">
jwplayer("<?php echo $i;?>").setup({ 
flashplayer: "/jwplayer/player.swf",
autostart:true,
file: "backOffice/videos/instruments/<?php echo $r[instrument_video]; ?>",
height: 360,
width: 640
});
</script>
<!-- END OF THE PLAYER EMBEDDING -->   
</div>
<!-- preload the images -->
<div style='display:none'>
<img src='images/x.png' alt='' />
</div>

<?php
$i++;
?>

$i 变量在此代码所在的 while 循环上方设置为 0。请注意，即使在同一个循环中，图像也能正确显示，在源代码中视频是正确的（video1、video2、video3...）但只播放第一个视频，无论您单击哪个图像。

有人可以帮忙吗？？

问候，佐兰

4

1 回答 1

1

我看不到任何告诉每个链接打开特定模态的东西——我想它只是每次都默认为第一个。

这完全取决于您在 js/jquery.simplemodal.js 和 js/basic.js 中拥有的内容（即必须连接链接的代码）。

我希望看到在链接和模态中包含索引 (0,1,2,3) 的内容 - 然后您可以使用它将链接 3 绑定到模态 3。

示例（但我再次需要有关您如何设置有效答案的链接的更多信息）：

<div id='basic-modal' data-index="<?php echo $i;?>">
  ...
</div>


<div id="basic-modal-content" data-index="<?php echo $i;?>">  
  ...
</div>

然后我会想象这样的代码在 basic.js 中的某个地方（或者链接被连接的地方）：

// hook up the video links to launch the correct modal
$('div#basic-modal').bind('click', function() {

    // grab the index of the link that was clicked
    var linkIndex = $(this).attr('data-index');

    // get a reference to the corresponding modal
    var modal = $('div#basic-modal-content[data-index="' + linkIndex + '"]');

    // use whatever code you need to show the modal window
    modal.show();
});

再一次 - 基本思想是每个链接必须对它应该启动的窗口有某种想法，当点击链接时，它使用它来获取对正确视频模式的引用。

于 2012-07-01T13:34:54.357 回答