Воспроизвести медиа-файл

В HTML 5 появились теги <video> и <audio>, с помощью которых стало возможным воспроизводить аудио и видео файлы. До этого для этих целей использовались другие технологии, например Adobe Flash.

Теги <video> и <audio> выводят свои элементы управления, которые нельзя изменить. Но можно создать кнопки в HTML и через JavaScript управлять воспроизведением видео.

document.querySelector('#media').play();  // воспроизвести
document.querySelector('#media').pause(); // пауза

Также можно использовать динамический вариант:

var audio = new Audio();
audio.src = 'music.mp3';
audio.play();