Question

以下是我的情况：

我在不同的灯箱中播放了很多视频。

当打开灯箱时，我会点击覆盖的播放按钮来触发视频。使用以下内容开始视频正常：

    $('a.trigger-video-play').parent().click(function () {
    $(this).children("video")[0].play()
    $('a.trigger-video-play').fadeOut('slow')
    $(this).children('#video-play').attr('controls', true);
    $($('a.trigger-video-play').get(0)).show();
    $('.lightbox-background').addClass('pause');
    $(this).children("video").addClass('topause')
    });

线条belog beign触发视频播放：

    $(this).children("video")[0].play()

点击灯箱外部时，我使用此代码：

    $('.lightbox-background').click(function () {
    $(this).fadeOut('slow');
    $('#halo-one.lightbox-outbox').fadeOut('slow');
    $('.lightbox-outbox').fadeOut('slow');
    $('a.trigger-video-play').fadeIn('slow')

    $("video").each(function () {
        this.pause(this.load())
    })
    $("#video-play").each(function () {
        $(this).attr('controls', false);
    })
    jQuery.each($("iframe.web"), function () {
        $(this).attr({
            src: $(this).attr("src")
        });
    });
});

1 /停止视频并从零开始（这样当用户回来时，视频将从零开始播放）：

$("video").each(function () {
        this.pause(this.load())
    })

我遇到的问题是，当用户触发视频播放时，视频无法播放。用户必须触摸/拖动一点控制栏才能播放视频!!这是非常随意的。

我想知道它是否与使用加载的第二个函数发生冲突？

有人有什么建议吗？

这将是超级。

全部谢谢

Answer 1

问题在于你的方法

this.pause(this.load())

尝试使用：

$("video").each(function () {
    this.pause();
    this.currentTime = 0;  //make currenttime 0 to start from beginning
})

点击触发视频不会一直播放？

1 个答案: