我已将视频嵌入到 ul 标签的 li(s) 中,例如
<ul class="slides">
<li>
<iframe id="ctl00_SliderContent_rptSlider_ctl01_framevid" width="400" height="200" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" style="border: solid 4px #37474F" src="https://www.youtube.com/embed/umG3MsLrcOU"></iframe>
<img src="images/kitchen_adventurer_cheesecake_brownie.jpg" />
</li>
<li>
<img src="images/kitchen_adventurer_lemon.jpg" />
</li>
<li>
<img src="images/kitchen_adventurer_donut.jpg" />
<iframe id="ctl00_SliderContent_rptSlider_ctl02_framevid" width="400" height="200" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" style="border: solid 4px #37474F" src="https://www.youtube.com/embed/umG3MsLrcOU"></iframe>
</li>
<li>
<img src="images/kitchen_adventurer_caramel.jpg" />
</li>
</ul>
我正在尝试调整下面的 jQuery 代码,以便获取 ul 标记的不同 li 中的视频状态,然后执行相应的操作。我做不到。
<script type="text/javascript">
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('ctl00_SliderContent_rptSlider_ctl01_framevid', {
events: {
'onStateChange': onPlayerStateChange
}
});
}
function PlayStop(playerStatus) {
if (playerStatus == -1) {
// unstarted
} else if (playerStatus == 0) {
// ended
} else if (playerStatus == 1) {
// playing
} else if (playerStatus == 2) {
// paused
} else if (playerStatus == 3) {
// buffering
} else if (playerStatus == 5) {
// video cued
}
}
function onPlayerStateChange(event) {
PlayStop(event.data);
}
</script>
请帮助我!!!
最佳答案
您应该忘记持有元素的标签,因为玩家不会看到或使用它们。
最好是使用玩家 ID 来定位每个玩家,并让他们将信息发送到全局脚本进行交互。
您可以开始 HERE ,但 stackoverflow 中也有很多示例可供查找。
关于javascript - 如何检查 ul 标签的 li 中是否正在播放任何 YouTube 视频,然后相应地执行一些操作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42785137/