Автовоспроизведение HTML-видео не останавливается

Я использую тег видео HTML, чтобы иметь возможность показывать видео на моем веб-сайте, я включил функцию автовоспроизведения, но тогда видео будет воспроизводиться при перезагрузке страницы. Итак, я удалил функцию автовоспроизведения, и у меня есть:

<video width="600" height="315" style=" margin-bottom: 20px;" controls >
                      <source src="video/handi.mp4" type="video/mp4">
                    </video> 


 <script>    
        $('body').on('hidden.bs.modal', '.modal', function () {
        $('video').trigger('pause');
        });
    </script>

Это работает хорошо, но теперь, когда вы открываете модальное окно для просмотра видео, оно будет воспроизводиться, но вы должны нажать кнопку запуска воспроизведения, и когда вы закроете модальный режим, он приостановит воспроизведение видео, когда вы его остановили, если вы откроете тот же модальный файл, что и вы. может возобновить воспроизведение видео с того момента, когда оно было остановлено. Есть ли какая-либо функция, такая как автоматическое воспроизведение, когда вы открываете модальное окно, оно открывает его, и видео воспроизводится автоматически, а также я хочу знать, есть ли какая-либо функция перезагрузки, которая при открытии любого модального окна для просмотра видео начинается с самого начала не откуда ты остановился т.к.


html twitter-bootstrap video autoplay
person Saeed Najafi    schedule 06.01.2015    source источник
comment
проверьте эту ссылку   -  person Lal    schedule 06.01.2015

Ответы (2)


arrow_upward
0
arrow_downward

Со ссылкой на ответы на этой странице , я пробовал это для вас ..

Пожалуйста, попробуйте ..

HTML

<div id="simpleModal" class="modal">
   <video id="videoContainer" controls autoplay width="560" height="315">
      <source  src="video/arch_1.mp4" type="video/mp4">
   </video> 
   <a href="" id="closeSimple">Close</a>
</div>

Скрипт

$(document).ready(function(){
    $("#showSimpleModal").click(function() {
        $("div#simpleModal").addClass("show");
        $("#videoContainer")[0].play();
        return false;   
    });

    $("#closeSimple").click(function() {
        $("div#simpleModal").removeClass("show");
        $("#videoContainer")[0].pause();
        return false;                   
    });
});
person Lal    schedule 06.01.2015
comment
Вам следует прослушивать hide.bs.modal событие вместо click. Есть способы закрыть модальное окно без щелчка. - person cvrebert; 06.01.2015

arrow_upward
0
arrow_downward

Привет, согласно w3schools.com, если вы удалите автовоспроизведение, оно остановит автоматическое воспроизведение. Вот ссылка на школу и код.

http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_video_autoplay

<!DOCTYPE html>
<html>
<body>

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

</body>
</html>
person Dee    schedule 06.01.2015