javascript - 在 owl.carousel 中启动 html5 视频

Question

我正在构建一个男性时尚网站，其中包含一个 slider ，其中包含图像和视频。我使用 owl.carousel 作为 slider 。该视频是一个平面HTML5视频标签。
我正在尝试使用 jquery 启动视频，如下所示: $('#video')[0].play();

当视频位于 slider /轮播之外时它可以完美运行，但如何在内部启动它？

Codepen link

Answer 1

我只是看你的代码笔。经过几次测试，我看到两个带有 video-slider 类的容器，其中的视频标签具有相同的 id“video”。 (检查渲染 View 上的调试控制台和 jquery 代码 $(".video-slide").children() )。

您可以使用 jquery 代码 $(".video-slide").children().each(function() { this.play(); }); 启动视频但在此之前您需要找到您的 block 重复的位置和原因。

希望对你有帮助