Мой Справочник | HTML | Аудио-видео

Аудио-видео
<audio>	Аудио	controls	Панель управления(плейер)
		preload	Предзагрузка none - ничего; metadata - служебная информация; auto - загрузка всего файла
		src="...mp3 или ...ogg"	Источник аудио
		autoplay	Автоматическое воспроизведение при загрузке страницы
<video>	Видео	controls	Панель управления(плейер)
		preload	Предзагрузка none - ничего; metadata - служебная информация; auto - загрузка всего файла
		src="...mpeg4, ...ogg, ...webm"	Источник видео
		autoplay	Автоматическое воспроизведение при загрузке страницы
		height и width	Высота и ширина окна воспроизведения
		poster="img/file.jpg"	Постер к видеофайлу до начала воспроизведения
<source>	Источник медиа-файлов, аналог src="..."; У тегов audio и video может быть несколько source	src="..."	Источник файла
<source>		type="video/mp4" type="audio/mpeg"	Тип файла
<track>	Субтитры к видео	kind="subtitles" src="video/jane.ru.vtt" srclang="ru" label="Русский" default	VVT-файл субтитров

Аудио-файл

<audio controls preload="metadata"> <source src="../files/worm-jim-tarantella.mp3" type="audio/mpeg"> </audio>

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

<video controls preload="metadata" width="400" height="225" poster="../files/Stephen_Bennett.jpg"> <source src="../files/The_Eye_of_God_Stephen_Bennett.mp4" type="video/mp4"> </video>

Пример кросбраузерного видео

<video width="320" height="240" controls> 

          <source src="pr6.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>

          <source src="pr6.webm" type='video/webm; codecs="vp8, vorbis"'>

          <source src="pr6.ogv" type='video/ogg; codecs="theora, vorbis"'>

        </video>

        <script>

            var v = document.getElementById("movie");

            v.onclick = function() {

              if (v.paused) { v.play();} 

              else { v.pause(); } 

            });

        </script>