Видео плеер

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 автора:

911708189410 BL

Претензии | Отзывы

Комментарии:

Fokusyor 26 Ноября 2015
Engine, после какой код написат нужна?
Добавлено:
Engine, вот мп3.пхп
<?
if (is_file(H."sys/obmen/screens/128/$file_id[id].gif"))
{
echo "<img src='/sys/obmen/screens/128/$file_id[id].gif' alt='scr...' /> n";
}
elseif (class_exists('ffmpeg_movie'))
{
$media = new ffmpeg_movie($file);
$k_frame=intval($media->getFrameCount());
$w = $media->GetFrameWidth();
$h = $media->GetFrameHeight();
$ff_frame = $media->getFrame(intval($k_frame/2));
if ($ff_frame)
{
$gd_image = $ff_frame->toGDImage();
if ($gd_image)
{
$des_img = imagecreatetruecolor(128, 128);
$s_img = $gd_image;
imagecopyresampled($des_img, $s_img, 0, 0, 0, 0, 128, 128, $w, $h);
$des_img=img_copyright($des_img); // Ð½Ð°Ð»Ð¾Ð¶ÐµÐ½Ð¸Ðµ ÐºÐ¾Ð¿Ð¸Ñ€Ð°Ð¹Ñ‚Ð°
imagegif($des_img,H."sys/obmen/screens/128/$file_id[id].gif");
chmod(H."sys/obmen/screens/128/$file_id[id].gif", 0777);
imagedestroy($des_img);
imagedestroy($s_img);
if (function_exists('iconv'))
echo "<img src='".iconv('windows-1251', 'utf-8',"/sys/obmen/screens/128/$file_id[id].gif")."' alt='scr...' /> n";
else
echo "<img src='/sys/obmen/screens/128/$file_id[id].gif' alt='scr...' /> n";
}
}
}
if ($file_id['opis']!=NULL)
{
echo "ÐžÐ¿Ð¸ÑÐ°Ð½Ð¸Ðµ: ";
echo output_text($file_id['opis']);
echo " n";
}
if (class_exists('ffmpeg_movie'))
{
$media = new ffmpeg_movie($file);
echo 'Ð Ð°Ð·Ñ€ÐµÑˆÐµÐ½Ð¸Ðµ: '. $media->GetFrameWidth().'x'.$media->GetFrameHeight()."Ð¿Ð¸ÐºÑ n";
echo 'Ð§Ð°ÑÑ‚Ð¾Ñ‚Ð° ÐºÐ°Ð´Ñ€Ð¾Ð²: '.$media->getFrameRate()." n";
echo 'ÐšÐ¾Ð´ÐµÐº (Ð²Ð¸Ð´ÐµÐ¾): '.$media->getVideoCodec()." n";
if (intval($media->getDuration())>3599)
echo 'Ð’Ñ€ÐµÐ¼Ñ: '.intval($media->getDuration()/3600).":".date('s',fmod($media->getDuration()/60,60)).":".date('s',fmod($media->getDuration(),3600))." n";
elseif (intval($media->getDuration())>59)
echo 'Ð’Ñ€ÐµÐ¼Ñ

Engine

24 Фев 2015
Взял, украл мою тему(((

socio 24 Фев 2015
Плеер играет, а изображения нет, чорный экран. А с ютуба работает модуль. И как модуль воспроизведения видео из ЗО заставить работать?, - там уппод.свф.

skittels

24 Фев 2015
на социале если выводить просмотр видео/музыки из обменника через html5, то плеер не работает. а если с других сайтов то работает и видео и музыка. в чём "прикол"?

Self-Lover

27 Ноября 2014
VoronoZ, флешь ещё и самые новые не держат... Мне например не удобно с хрома и оперы мобайл сидеть из-за отсутствия флешь, хотя любимые браузеры...

Igorekxaker

10 Июня 2013
Dark_AKC, (

MP3 плеер для сайта с плей листом. Поддерживается кириллица. Каждому музыкальному файлу задается два комментария (обычно это исполнитель и название песни) и изображение. В XML-файле задаются цвета спектра, авто-проигрывание, начальная громкость, иллюстрациям можно присвоить ссылки, например, для скачивания MP3-файла.) вот это и все описание

Engine

10 Июня 2013
Igorekxaker, Ну там как бы разницы нет на что ставить. Инструкция должна быть