Звуки продолжаются в режиме паузы и прекращаются с помощью автозапуска video.js в Fancybox

Question

Я пытаюсь использовать video.js во всплывающем окне Fancybox с автоигрой. Видео воспроизводится автоматически, как и ожидалось, но когда я приостанавливаю или закрываю окно, звук продолжается. Я пытался использовать "onClose" и "afterClose" для удаления плеера, но это не помогло.

Вот ссылка на мою страницу: http://dev.sterlingklor.com/projects/ilovetreasury/events/1tc-2013

$(document).ready(function () {
    var videobox = $('#video').first();
    $(".various").fancybox({
        fitToView: true,
        autoSize: true,
        closeClick: false,
        openEffect: 'none',
        closeEffect: 'none',
        href: this.href,
        content: '<video autoplay preload="none" width="640" height="360" controls="controls"><source src="video.mp4" type="video/mp4">your browser does not support the HTML 5 video tag</video>',
        onClosed: function () {
            $('video').remove();
        },
        afterClose: function () {
            $('video').remove();
        }
    });
});

Спасибо за любую помощь.

Answer 1

Я создал здесь скрипку, пытаясь сделать то, что вы пытаетесь.

Сначала я создал отдельный элемент видео и контейнер и спрятал их. Это должно исключить более 2 звуковых дорожек, поскольку они всегда должны быть одним и тем же элементом видео, а не создавать новый при каждом клике.

Затем я установил причудливую коробку, чтобы сбросить видео на 0 и сказать, чтобы он воспроизводился при показе (afterShow). И сказал это сделать паузу перед закрытием (beforeClose).

уведомление

видео действительно использует autoplay атрибут и включает в себя preload="meta" чтобы убедиться, что длина видео известна, когда мы пытаемся установить currentTime,

Дай мне знать если тебе нужно что-нибудь еще!