Видео плеер

10 Июня 2013
Многие задаются вопросом, как установить себе на сайт видео плеер. Я не буду рассматривать флеш плееры. Их в интернете хоть одним местом ешь smile

Я покажу как можно сделать плеер на чистом html5.
Нам нужен тег <video>. Он дает понять серверу, что у нас есть видео, и его нужно воспроизвести.
Вот шаблон
<video>
<source src="URL">
</video>
Вместо URL подставляете путь до видео. Я таким образом запускал 3gp и mp4 форматы. Наверняка еще кучу можно запустить.
Я порылся в интернете и нашел свойства, которые позволяют немного поднастроить плеер
Атрибуты
autoplay - Видео начинает воспроизводиться автоматически после загрузки страницы.
controls - Добавляет панель управления к видеоролику.
height - Задает высоту области для воспроизведения видеоролика.
loop - Повторяет воспроизведение видео с начала после его завершения.
poster - Указывает адрес картинки, которая будет отображаться, пока видео не доступно или не воспроизводится.
preload - Используется для загрузки видео вместе с загрузкой веб-страницы.
width - Задает ширину области для воспроизведения видеоролика.
.
Пример html
<body>
<video width="400" height="300" controls="controls">
<source src="video/duel.mp4" type='video/mp4; codecs="theora, vorbis"'>
</video>
</body>

Статистика WMID автора: