Зарегистрироваться | Забыли пароль


Для начинающих

bottom

Уроки

bottom

Полезное

bottom

Файлы

bottom

Ссылки

bottom

Главная страница » Уроки по Flash

Вставка простого видеоплеера на сайт

Сегодня мы узнаем, как на свой сайт вставить простой flv плеер для пока видео. Я назвал его простым, потому что он имеет только основные функции плеера, такие как начать воспроизведение и регулировка громкости. Полноэкранный режим и дополнительные настройки этот плеер не поддерживает, зато весит он на порядок меньше, хотя если Вы собираетесь показывать видео, то его размер не так значителен.

Пример

Для начала нам нужен сам плеер, который находится в исходных файлах, видео в формате flv и картинка, отображающаяся до начала и после воспроизведения ролика. Копируем эти файлы к себе на сайт и вставляем на страницу код в то место, где мы хотим видеть плеер:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab
#version=8,0,0,0" width="320" height="260" id="fp" align="middle">
<param name="allowScriptAccess" value="sameDomain"
>
<param name="movie" value="fp.swf?video=video.flv&image=img.jpg&title=video">
<param name="quality" value="high">
<param name="bgcolor" value="#ffffff">
<embed src="fp.swf?video=video.flv&image=img.jpg&title=video" quality="high" bgcolor="#ffffff" width="320" height="260" name="fp" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
<object>

Параметры width и height отвечают за ширину и высоту плеера соответственно. В строке
<param name="movie" value="fp.swf?video=video.flv&image=img.jpg&title=">
параметр value отвечает за путь к самому плееру, затем через вопросительный знак указывается путь до нашего видео ролика и через знак амперсанта указывается путь до картинки-заставки. Теже самые значения указываются в теге <embed> в параметре src. После этого через еще один амперсанта идет не обязательный параметр title, который отвечает за вывод на экран надписи, отображающейся в правом нижнем углу. Если вы не хотите видеть никакой надписи, оставьте этот параметр пустым. Будьте внимательны все эти параметры упоминаются в коде дважды, поэтому их нужно изменять в обоих случаях.

Автор: Евгений Бочкарев · Урок добавлен: 1 Февраля 2010 23:20 · Просмотров: 419

Рекомендую
  • Currently 0.00/5
  • 1
  • 2
  • 3
  • 4
  • 5

Рейтинг: 0.0/5 (всего 0 голоса)

Понравился сайт? Внесите свой вклад в его развитие?
R314489888859
41001346159934




   Комментарии к уроку

12
Ваш комментарий может быть первым...
 
34
12

   Добавить комментарий


Ваше имя:


Текст комментария:

Получать уведомления по Email могут только зарегистрированные пользователи. Регистрация
Введите цифры с картинки


 
34