Question

我使用的是JW视频播放器，单个视频的实现方式如下所示

<div id="myElement">Loading the player...</div>

<script type="text/javascript">


jwplayer("myElement").setup({
    file: "<?php echo $dbVideoFile; ?>"
});

</script>

</div>

不，我想做的是我想要做的是循环每个现有视频并为每个视频显示一个jw视频播放器。唯一的问题是它不是很有效，它只显示一个视频的jsplayer，其他视频不显示任何空白。我在下面做错了什么：

    <p>
<?php foreach ($arrVideoFile[$key] as $v) { ?>
<div id="myElement">Loading the player...

<script type="text/javascript">


jwplayer("myElement").setup({
    file: "<?php echo 'VideoFiles/'.$v; ?>"
});

</script>

</div>
<?php } ?>
</p>

Answer 1

id标签应该是unic，因此JWPlayer在调用#myElement

时会感到困惑

尝试递增值并动态重命名“myElement-”+ i

我没有参加测试，但是那个工作有效：

  <p>
<?php 
$i = 0;
foreach ($arrVideoFile[$key] as $v) { ?>
<div id="myElement-<?php echo $i; ?>">Loading the player...

<script type="text/javascript">


jwplayer("myElement-<?php echo $i; ?>").setup({
    file: "<?php echo 'VideoFiles/'.$v; ?>"
});

<?php $i++; ?>
</script>

</div>
<?php } ?>
</p>

如何在循环中显示视频播放器

1 个答案: