我有多张包含视频和图像的幻灯片。加载后,轮播设置为自动播放。但是,当某人播放视频并将鼠标移出侧面时,它会继续滑动(如预期的那样)。

如何跟踪视频的播放和暂停时间? 我已经搜索了Stack Overflow,但是没有找到类似的问题。

网站管理员稍后会添加视频,因此它们可能是iframe或html5视频。因此,我需要一个适用于两者的解决方案。

最佳答案

这对我有用,可以在播放原生 HTML5 视频时暂停 Bootstrap 轮播,并在视频暂停或播放完毕时再次播放。我是一个完全的 JS 新手,但我四处搜索并将一些东西串在一起。我可能犯了一个错误(可能)但它对我有用。

我不是通过 ID 调用视频,因为我希望该操作适用于轮播中播放的任何视频。我的情况有几个。

请注意更改转盘的 ID 以匹配您的 ID。

<script>
$('video').on('play', function (e) {
    $("#portfolioCarousel").carousel('pause');
});
$('video').on('stop pause ended', function (e) {
    $("#portfolioCarousel").carousel();
});
</script>

10-05 20:37
查看更多