Добро пожаловать, Гость!
:: + Добавить ссылку через биллинг
:: + Добавить ссылку анонимно
❤️МИР, ЯРКИХ ЗНАКОМСТВ И ОБЩЕНИЯ!❤️
❤️МИР, ЯРКИХ ЗНАКОМСТВ И ОБЩЕНИЯ!❤️
Видео плеер - Страница 4
PHP/MYSQL: Уроки | Видео плеер
Искатель
:
Многие задаются вопросом, как установить себе на сайт видео плеер. Я не буду рассматривать флеш плееры. Их в интернете хоть одним местом ешь
Я покажу как можно сделать плеер на чистом 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>
Видео плеер
10 Июня 2013Многие задаются вопросом, как установить себе на сайт видео плеер. Я не буду рассматривать флеш плееры. Их в интернете хоть одним местом ешь
Я покажу как можно сделать плеер на чистом 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>
Комментарии:
Engine 9 Июня 2013
ma3ca, в obmen/inc/file/mp4 (3gp) вставь
echo '
<video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="264" poster="my_video_poster.png" data-setup="{}">
<source src="http://'.$_SERVER['SERVER_NAME'].'/obmen'.$dir_id['dir'].$file_id['id'].'.'.$file_id['ras'].'" type="video/mp4">
</video>';
ma3ca, в obmen/inc/file/mp4 (3gp) вставь
echo '
<video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="264" poster="my_video_poster.png" data-setup="{}">
<source src="http://'.$_SERVER['SERVER_NAME'].'/obmen'.$dir_id['dir'].$file_id['id'].'.'.$file_id['ras'].'" type="video/mp4">
</video>';
ma3ca 9 Июня 2013
Dark_AKC, если поставлю эт код то каждому файлу отдельно должен указывать путь?
"video/duel.mp4"
Dark_AKC, если поставлю эт код то каждому файлу отдельно должен указывать путь?
"video/duel.mp4"