Как встроить видео и аудио на сайт? Как вставить флеш-видео? FLV и MP3 плееры для сайта скачать бесплатно!
 Русский  |

← Модель для сборки

FAQ

Как формируется HTML-код?

HTML-код, генерируемый нашим сервисом, содержит все параметры плеера, настраиваемые через интерфейс. Параметры можно исправлять вручную прямо в HTML. Также следует разобраться в параметрах при интеграции плеера в CMS. Расшифруем построчно (обратите внимание на дублирование параметров, чтобы плеер корректно работал во всех браузерах):

<OBJECT height="340« width=»400«>
Размеры плеера. Соотношение сторон должно быть 4 (ширина):3 (высота). Если используется скин с рамкой — к высоте добавляется значение (height/300)*40 (как в данном частном случае)

<PARAM NAME=»movie» VALUE="http://yoursite.com/uflvplayer_500?375.swf« />
Абсолютная или относительная ссылка на файл плеера.

<param name=»allowFullScreen" value="true" />
Разрешение использовать полноэкранный режим просмотра.

<param name=FlashVars value="way=http://yoursite.com/sample.flv&swf=http://yoursite.com/uflvplayer_500?375.swf&w=400&h=340&
pic=http://yoursite.com/splash.jpg&autoplay=0&tools=1&skin=whiteblack&volume=70&comment=Название« />
Настройки плеера (следуют через & в формате параметр=значение):

  • way — путь к файлу flv;
  • swf — путь к файлу плеера;
  • w — ширина плеера (дублируется из тега object);
  • h — высота плеера (дублируется из тега object);
  • skin — цветовая схема плеера или скин (адрес скина);
  • pic — путь к файлу картинки для демонстрации заставки до загрузки видео;
  • autoplay — плеер начинает играть сразу (1) или ждет, пока нажмут на Play (0) — рекомендуется;
  • tools — кнопки управления видны постоянно (1), не видны (0), появляются при наведении курсора (2);
  • volume — стартовый уровень звука (потом пользователь настраивает сам, на свое усмотрение) — 0–100;
  • comment - пояснительная надпись (название ролика) во время заставки;
    Единственный обязательный параметр — way.

<param name=»bgcolor" value="#FFFFFF« />
Цвет фона вашего сайта в том месте, где публикуется видео
(по умолчанию белый).

<embed src=http://yoursite.com/uflvplayer_500?375.swf allowFullScreen=»true" type="application/x-shockwave-flash" flashvars="way=http://yoursite.com/sample.flv&swf=http://yoursite.com/uflvplayer_500?375.swf&w=400&h=340&skin=whiteblack&
pic=http://yoursite.com/splash.jpg&autoplay=0&tools=1&volume=70&comment=Название« bgcolor=» #FFFFFF« width=»400« height=»340« /></embed>
Здесь дублируются параметры
путь к файлу плеера swf — scr
настройки плеера — flashvars
цвет фона сайта — bgcolor
ширина плеера — width
высота плеера — height

</OBJECT>

Как вставить плеер с помощью JavaScript (SWFObject)?

Наиболее правильным способом вставки плеера на страницу сайта является способ интеграции с помощью JavaScript. Этот способ помогает, например, избавиться от необходимости активировать флеш кликом в некоторых бразуерах (IE Eolas Update). Также существует возможность легко создавать альтернативный контент, если у пользователя не установлен Flash.

Наиболее популярное решение для интеграции флеш-роликов на JavaScript — SWFObject (подробнее на русском). Обратите внимание на правильную передачу переменных flashvars, в которых передаются настройки плеера.

Вроде все делаю правильно, но на моем хостинге flv-файл не хочет проирываться в плеере. Зависает в самом начале.

Возможно, все дело в хостинге. Проверьте файл .htaccess. Может быть, там есть строка со списком разрешенных файлов. Например, такая:

AddType application/x-httpd-php .php .htm .html .phtml

В этом случае, нужно разрешить запуск flv и swf файлов добавлением новой строки:

Addtype application/x-shockwave-flash .swf

AddType video/x-flv .flv

Изображение есть, но перемотка не работает.

Видимо, в метаданных ролика нет информации о длительности видео. Это возможно, если при конвертации использовалось устаревшее программное обеспечение. Можно переконвертировать видео другой программой, если у вас есть исходник. Но можно сделать проще — в HTML-коде сборки прописать параметр time_seconds, как это показано ниже. Обратите внимание, что параметр прописан дважды (для разных браузеров) и время указано в секундах.

<OBJECT height=300 width=400><PARAM NAME=»movie" VALUE="http://flv-mp3.com/i/pic/uflvplayer_500?375.swf"><param name="wmode" VALUE="transparent"><param name=FlashVars value="way=http://flv-mp3.com/i/pic/sample.flv&swf=http://flv-mp3.com/i/pic/uflvplayer_500?375.swf&time_seconds=500&w=400&h=300&pic=http://&autoplay=0
&tools=1&skin=white&volume=70&comment="><embed src=http://flv-mp3.com/i/pic/uflvplayer_500?375.swf type="application/x-shockwave-flash" wmode="transparent" flashvars="way=http://flv-mp3.com/i/pic/sample.flv&swf=http://flv-mp3.com/i/pic/uflvplayer_500?375.swf&time_seconds=500&w=400&h=300&skin=white
&pic=http://&autoplay=0&tools=1&volume=70&comment=" width="400" height="300"></embed></OBJECT>

Прочтите, пожалуйста, ответы на интересующие вопросы и ,
если решить проблему не удалось.