Question

我在一个页面中有2个视频，每个视频都有搜索按钮但是当我点击第一个视频上的搜索按钮时，第二个视频也有效。但当我点击第二个视频中的搜索按钮时，它工作正常，所以我想要每个独立的独立视频

top:-100px;

Answer 1

你的花卉游戏功能运行两次，每个视频一次;因此，您将click处理程序绑定到类.rewind / .forward两次的所有按钮。

你可以使你的绑定更具体：

$(root).on("click", ".rewind", function (rebtn) {...

这样，每次运行该函数时，它只会向适用于此播放器的倒带/前进按钮添加处理程序。

您也可以简化为一个处理程序：

flowplayer(function (api, root) {
    $(root).on("click", ".rewind, .forward",function (rebtn) {
        if (api.playing) {
            var target = $(this).hasClass("forward") ? 3 : -3;
            api.seek(api.video.time + target);
        }
    });
});

正在使用 DEMO

flowplayer多页搜索按钮

1 个答案: