Peter Holm Ответов: 2

Как остановить html5 Видео при закрытии его встроенного всплывающего окна, кросс-браузер


Здравствуйте, товарищи программисты, я пришел к вам в трудную минуту. У меня есть встроенное всплывающее окно, содержащее видео html5. я добавил остановку('#video'); к функции "закрыть всплывающее окно", и это работает, но только в Chrome и Opera, а не в Firefox и EI, что приводит меня к подзадаче, основанной на том же коде, может ли кто-нибудь увидеть причину, по которой видео не загружается должным образом в Opera и Safari. Я ни за что на свете не могу понять, почему, и надеюсь, что кто-то из вас сможет это сделать.

HTML:
<section id="video">
    <a href="#" class="topopup">
        <img src="images/play.png" alt="Play company video" title="Play company Video"/>
    </a>

    <div id="toPopup">
        <div class="close"></div>
        <div id="popup_content">
            <video width="100%" height="auto" controls>
                <source src="video/AM1.mp4" type="video/mp4">
                <source src="video/AM2.webm" type="video/webm">
                <source src="video/AM3.ogg" type="video/ogg">
                Video format not supported by your browser
            </video>
        </div>
    </div>
    </div>
    <div id="backgroundPopup"></div>
</section>


CSS:
#video {
    background: #ecf0f1;
    /*light gray*/
}

#video img {
    width: 36.11%;
    max-width: 252px;
}

#backgroundPopup {
    position: fixed;
    display:none;
    height:100%;
    width:100%;
    background:#000000;
    top:0px;
    left:0px;
}

#toPopup {
    background: none repeat scroll #000;
    margin-left:10%;
    margin-right:10%;
    height:auto;
    display: none;
    position: fixed;
    top: 10%;
    z-index: 1;
}

язык JavaScript:
$(this).keyup(function (event) {
    if (event.which == 27) // 27 is 'Ecs' in the keyboard
    disablePopup(); // function close pop up
});

$(this).keyup(function (event) {
    if (event.which == 27) stop('#video');

});

$("div#backgroundPopup").click(function () {
    disablePopup(); //  close pop up

});

$("div#backgroundPopup").click(function () {
    stop('#video'); // stop video
});

2 Ответов

Рейтинг:
16

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

Ссылаться- HTML5 Видео[^].

Проверьте раздел "видеоформаты и поддержка браузера", чтобы узнать о поддержке браузера.

Я бы также предложил вам пройти через статью Как проверить, поддерживает ли ваш браузер HTML5 или нет[^] что дает вам совет использовать flash, когда видео-тег не поддерживается браузером.


Рейтинг:
0

Member 14970174

$('тело').на (скрытые.БС.модальное', '.функция модальных', () {
$('video').trigger('pause');
});


CHill60

Неформатированный, раскомментированный дамп кода не является решением этого 7-летнего вопроса