:) Я пытаюсь зациклить видео HTML5 только 3 раза. Я нашел этот код, который в основном делай что хочу Странно то, что я не могу заставить его работать. Если я запускаю демо здесь на stackoverflow, это работает. Если я скопирую и вставлю его в пустой HTML-документ, это не так. Любой совет?

Спасибо!

0
Lukas Grumet 23 Мар 2017 в 15:34

2 ответа

Лучший ответ

Попробуйте скопировать + вставить это. Это должно работать.

<div>Iteration: <span id="iteration"></span></div>

<video width="320" height="240" id="myVideo" controls>
    <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" type="video/mp4" />
    <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv" type="video/ogg" />
    Your browser does not support the video tag.
</video>

<script>
    var iterations = 1;

    document.getElementById('iteration').innerText = iterations;

    myVideo.addEventListener('ended', function () {    

        if (iterations < 2) {
            this.currentTime = 0;
            this.play();
            iterations ++;          
            document.getElementById('iteration').innerText = iterations;
        }   

    }, false);
</script>
0
maximast 23 Мар 2017 в 13:25

Вы добавляете JS-скрипт в конец раздела тела? Скрипт должен быть добавлен в конце раздела тела (когда документ был загружен).

0
Szymon P. 23 Мар 2017 в 13:22