Руководство по HTML

Полный список HTML тегов

Метод play() DOM аудио/видео в HTML

Метод play() позволяет файлам медиа (video/audio) пытаться воспроизвести и возвращает Promise

Онлайн пример

Видео с кнопками воспроизведения и паузы:

Пример

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Использование метода play() аудио/видео в HTML - базовый курс (oldtoolbag.com)</title>
</head>
<body>
<button onclick="playVid()" type="button">Воспроизвести видео</button>
<button onclick="pauseVid()" type="button">Пауза видео</button>　
<br>　
<video id="video1">
　　<source src="movie.mp4" type="video/mp4">
　　<source src="movie.ogg" type="video/ogg">
　　Ваш браузер не поддерживает тег HTML5 video
</video>
<script>　
var　myVideo=document.getElementById("video1");　
function　playVid()
{　
　　myVideo.play();　
}　
function　pauseVid()
{　
　　myVideo.pause();　
}　
</script>　
</body>
</html>

Проверьте, ‹/›

Определение и использование

Метод play() начинает воспроизведение текущего аудио или видео.

Совместимость браузеров

IEFirefoxOperaChromeSafari

Все основные браузеры поддерживают метод play().

Внимание:Интернет-Explorer 8 и более ранние версии не поддерживают этот метод.

Синтаксис

audio|video.play()

　Руководство по DOM аудио/видео HTML

HTML: <template> тег