1. 1. Использование внешних порталов
2. 2. Флеш плеер
3. 3. HTML5 плеер

Размещение видео на сайте кажется довольно сложным элементом. Однако на практике, благодаря использованию новых технологий, это не должно занимать более нескольких минут.

Вот три самых простых способа разместить проигрыватель фильмов на сайте :

1. Использование внешних порталов

Порталы как YouTube или Vimeo позволяют публиковать фильмы в интернете. Пользовательский интерфейс позволяет им загружать специальный код, который вам просто нужно разместить на нашем сайте, чтобы иметь возможность воспроизводить выбранное видео.

Преимуществами такого решения являются: использование внешнего хостинга, расширенные настройки плеера, автоматическая оптимизация фильма для показа на сайте.

С другой стороны, минусами являются: отображение рекламы во время воспроизведения, невозможность полностью настроить стили отображения на веб-сайте, например, интеграция нашей системы с порталом, если мы хотим автоматически загружать видео, отправленные пользователями веб-сайта на портал Vimeo или YouTube , гораздо сложнее, чем использовать флэш-плеер или HTML5 - но это не невозможно - оба эти портала подготовили специальный API для разработчиков .

Пример кода с портала Vimeo :

<iframe src = "http://player.vimeo.com/video/36778012" width = "625" height = "351" frameborder = "0" webkitAllowFullScreen mozallowfullscreen allowFullScreen> </ iframe>

Пример кода с YouTube :

<iframe width = "625" height = "351" src = "http://www.youtube.com/embed/0VqTwnAuHws" frameborder = "0" allowfullscreen> </ iframe>

2. Флеш плеер

В настоящее время это одно из самых популярных решений. Со стороны пользователя требуется установка плагина Flash, который позволяет пользователю воспроизводить фильмы в браузере, что, однако, для подавляющего большинства пользователей Интернета не является серьезной проблемой. Веб-сайт должен включать файлы проигрывателя и настраивать соответствующие параметры, а также файл, который будет воспроизводиться на сервере в формате, который проигрыватель может запускать - обычно FLV, - он также обеспечивает хорошее сжатие видео, так что даже пользователи с более медленным подключением к Интернету могут смотреть фильм плавно. К сожалению, большинство хороших flashpaleyrs платные. Лично я рекомендую один из бесплатных - FLV Player - пример его реализации приведен ниже:

<object type = "application / x-shockwave-flash" data = "/ samples / other / player_flv_maxi.swf" width = "625" height = "351"> <param name = "movie" value = "/ samples / other /player_flv_maxi.swf "/> <param name =" allowFullScreen "value =" true "/> <param name =" FlashVars "value =" flv = / samples / inne / film.flv & showtime = 1 & width = 625 & height = 351 & margin = 0 & bgcolor1 = ffffff & bgcolor2 = ffffff & showstop = 1 & showvolume = 1 & showfullscreen = 1 "/> </ object>
Чтобы перейти к примеру, нажмите на картинку:

3. HTML5 плеер

Технология HTML5 в сочетании с базовыми знаниями JavaScript позволяет самостоятельно создавать плеер, который будет отображать видео на сайте . К сожалению, не все браузеры могут воспроизводить фильм в реализованных форматах, поэтому необходимо реализовать фильм в разных версиях, чтобы каждый браузер мог его запустить.

Это технология, ориентированная на будущее, которая подтверждает тот факт, что уже существует версия портала YouTube, основанная на технологии HTML5 .

Пример кода для реализации отображения в HTML5 :

<button onclick = "$ ('# video'). get (0) .play ();"> Пуск </ button> <button onclick = "$ ('# video'). get (0) .pause () ; "> Pauza </ button> <button onclick =" $ ('# video'). Get (0) .load (); "> Stop </ button> <br> <video id =" video "width =" 625 "> <source src =" / samples / inne / film.mp4 "type =" video / mp4 "> <source src =" / samples / inne / film.ogv "type =" video / ogg "> <source src = "/ samples / inne / film.webm" type = "video / webm"> Ваш браузер не поддерживает тег видео. </ Видео>

Ваш браузер не поддерживает тег видео.

Похожие

Комментарии