В статье описано использование метода media.pause() Java Script, который останавливает воспроизведение медиа файла для HTML5 меда элемента video или audio. Приведены примеры использования метода и листинги JS кода.
.pause()
myVideo.pause ();
Метод .pause() , приметный к воспроизводимому медиа элементу video или audio на web странице, вызывает остановку проигрывания медиа файла . Метод не имеет входных параметров и возвращаемого значения. Для продолжения воспроизведения остановленного видео нужно использовать противоположный метод .play(). Вызов метода .pause() также приводит к установке: свойства меда объекта media.paused = TRUE; флага авто воспроизведения = FALSE; установке позиции для последующего воспроизведения видео в текущее состояние, что бы при старте медиа файл начал проигрываться с позиции остановки, а не сначала; завершению очереди задач для медиа объекта.
Пример использования .pause() метода:
Для работы с примером видео на этой странице использовано присвоение объекта видео в переменную JS с именем "myVideo", которую вы можете использовать в консоли для обращения к JS объекту примера видео.
var myVideo = document.getElementById("video-example-1");
Пример демонстрирует применение JS метода .pause() к видео примера на этой странице. Для воспроизведения используется противоположный метод .play(). Вызов методов реализован через событие клик, отслеживаемое для соответствующих кнопок расположенных под примером видео.
JS код демонстрации примера:
//JS функции для работы с примером: //остановка воспроизведения видео примера function pauseClip(media) { media.pause(); } //старт воспроизведения видео примера function playClip(media) { media.play(); } //Использование и демонстрация: //получим медиа объект в переменную var myVideo = document.getElementById("video-example-1"); //запуск функций по onclick для кнопок: pauseClip(myVideo); //для кнопки "Pause" playClip(myVideo); //для кнопки "Play"
HTML код кнопок примера:
<input onclick="pauseClip(myVideo);" type="button" value="Pause" /> <input onclick="playClip(myVideo);" type="button" value="Play" />
Также смотри примеры на странице: "Демонстрация JS управления HTML5 video и audio" .