Материалы для WEB разработки на LAMP
JS метод .pause() HTML элементов Audio и Video

В статье описано использование метода 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.