播放其他视频时暂停视频 - 关闭后继续

Question

我希望在我的网站上自动播放1个视频 - 这不是一个问题，但我还希望有6个单独的视频（不是自动播放）可以通过点击弹出灯箱的按钮来激活有一个嵌入视频。

所以这就是交易，当播放其中一个单独的视频时，主要视频（数字1）应该暂停。关闭灯箱后......视频号码1应该继续。

摘要：打开页面时会播放1个视频 - 点击大拇指时可以观看6个可选视频 - 第一个视频应该在打开其中一个视频时暂停 - 并在关闭后继续播放！

希望有人可以提供帮助：D

Answer 1

假设您正在使用HTML5视频播放器，则需要挂钩所有非主视频的play事件。

当该事件被触发时，暂停主视频，

$(".non_main_videoclass").on("play", function() {
    //pause the main video
    $("#mainvid_id").pause();
});

然后当辅助视频结束时，在主视频上调用.play()。

$(".non_main_videoclass").on("ended", function() {
    //play the main video
    $("#mainvid_id").play();
});

Here是所有HTML5视频播放器方法和事件的参考。

*请注意，您可能需要涵盖其他一些使用案例，即用户暂停非主视频而不是让它完成。否则主视频将不会重启。