php - 如何循环显示视频播放器

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>