Jwplayer скачать видео


Проигрыватель видео для сайта JW Player

Разархивируем скачанный файл. В корне нашего сайта создаем папку, к примеру videoplayer, и из разархивированной папки переносим туда файл player.swf . В этой же папке создаем еще одну папку, например videoclips, туда мы будем складывать видеофайлы.Вставляем на страничку сайта, на которой мы хотим разместить видео, следующий код:

1 2 3 4 5 6 7 8 9 10 11 <script type='text/javascript' src='jwplayer.js'></script>   <script type='text/javascript'>   jwplayer('mediaspace').setup({     'flashplayer': 'http://www.MySite.ru/videoplayer/player.swf',     'file': 'http://www.MySite.ru/videoplayer/videoclips/MyClips.flv',     'controlbar': 'bottom',     'width': '360',     'height': '240'   }); </script>

Либо, если страничка не позволяет использовать JavaScript, например, сайты, сделанные на Drupal без без соответствующих фильтров, то код будет следующим:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' name='single1'> <param name='movie' value='http://www.MySite.ru/videoplayer/player.swf'> <param name='allowfullscreen' value='true'> <param name='allowscriptaccess' value='always'> <param name='wmode' value='transparent'> <param name='flashvars' value='file=http://www.MySite.ru/videoplayer/videoclips/MyClips.flv'> <embed type='application/x-shockwave-flash' id='single2' name='single2' src='http://www.MySite.ru/videoplayer/player.swf' width='360' height='240' bgcolor='undefined' allowscriptaccess='always' allowfullscreen='true' wmode='transparent' flashvars='file=http://www.MySite.ru/videoplayer/videoclips/MyClips.flv' /> </object>

В коде меняем высоту width=240 и ширину height=360 на необходимые, вместо MySite.ru указываем свой сайт и вместо MyClips.flv название файла вашего клипа. Обращаю внимание на то, что название сайта, клипа, высота и ширина видеоокна во втором коде (который без JavaScript) встречаются несколько раз.

Вот пример видео, вставленного на страничку с помощью кода, приведённого выше:

Приведённый вариант плеера является наиболее простым и не имеет собственных настроек. О тонких настройках внешнего вида и функционала JW Player рассказывается в статье Настройки внешнего вида, тулбара и воспроизведения видео JW Player.

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

Код в этом случае примет следующий вид:

1 2 3 4 5 6 7 8 9 10 11 <script type='text/javascript' src='jwplayer.js'> <script type='text/javascript'>   jwplayer('mediaspace').setup({     'flashplayer': 'http://MuSite/videoplayer/player.swf',     'file': 'file=http://www.youtube.com/watch?v=MUe0Uh20GPc',     'screencolor': '000000',     'controlbar': 'bottom',     'width': '360',     'height': '265'   }); </script>

Либо вариант для страницы без поддержки javascript:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' name='single1'> <param name='movie' value='http://MuSite/videoplayer/player.swf'> <param name='allowfullscreen' value='true'> <param name='allowscriptaccess' value='always'> <param name='wmode' value='transparent'> <param name='flashvars' value='file=http://www.youtube.com/watch?v=MUe0Uh20GPc&screencolor=000000'> <embed type='application/x-shockwave-flash' id='single2' name='single2' src='http://MuSite/videoplayer/player.swf' width='360' height='265' bgcolor='undefined' allowscriptaccess='always' allowfullscreen='true' wmode='transparent' flashvars='file=http://www.youtube.com/watch?v=MUe0Uh20GPc&screencolor=000000' /> </object>

Как и в предыдущем случае, в коде надо изменить MuSite на URL Вашего сайта, и вместо моего адреса ютубовского файла http://www.youtube.com/watch?v=MUe0Uh20GPc подставить свой.

Пример воспроизведения видеофайла, размещённого на видеообменнике YouTybe (это видео я сделал в Photoshop, материал о его создании здесь):

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

Как вставить фоновую картинку (заставку) видео, сделать автоматическое воспроизведение ролика при загрузке и обновлении страницы, а также, как сделать непрерывное (циклическое) воспроизведение видео, рассказано здесь

rugraphics.ru

Как скачать видео в браузере Google Chrome. Инструменты разработчика и RealPlayer Downloader

С удовольствием пользуюсь браузером Google Chrome. У него есть несколько явных преимуществ, главными из которых считаю раздельные процессы для каждой вкладки и отличные дополнения для работы в Интернете.

Но почему-то не могу найти универсальное расширение Google Chrome для скачивания видео. Есть неплохой плагин для скачивания видео YouTube, но дальше мои поиски зашли в тупик.

Поэтому расскажу, как скачиваю видео из Интернета в браузере Google Chrome с помощью его родных инструментов разработчика и программы RealPlayer Downloader, которую Chrome и так просит установить для просмотра видео онлайн.Как скачать видео в Chrome с помощью Инструментов разработчика

На странице с видео нажимаем кнопку-ключик меню браузера Google Chrome в правом верхнем углу окна.

Выбираем: Инструменты — Инструменты разработчика. Внутренний голос подсказывает, что для вызова этой функции можно нажать комбинацию клавиш Ctrl+Shift+I.

Внизу появляется новое окно, где нужно перейти на вкладку Network. Теперь включаем видео на странице. Иногда требуется эту веб-страницу перезагрузить.

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

Осталось нажать на ссылку и сохранить видео на компьютер. Этот способ скачивания видео из Интернет с помощью браузера Google Chrome требует немного сноровки, но практически универсален.

Дополнение: есть еще более простой способ, при котором не нужно судорожно ловить ссылку на файл. Опишу его чуть позднее...

Как скачать видео в Chrome с помощью RealPlayer Downloader

Для просмотра видео онлайн браузер Chrome потребовал проигрыватель RealPlayer. Есть платный и бесплатный варианты этого плеера. Скачать программку можно на странице официального сайта real.com.

Вместе с плеером программа установит и утилиту загрузки видео RealPlayer Downloader. Теперь при проигрывании видео на странице над окном плеера появляется прямоугольничек программы-загрузчика.

Для загрузки просматриваемого видео можно просто нажать на ссылку Download This Video. По умолчанию файлы сохраняются в папку Мои видеофайлы текущего пользователя Windows.

Кстати, программа Realplayer есть и для других операционных систем компьютера.

После нажатия, происходит скачивание видео из Интернета в указанную папку. Видео можно тут же и конвертировать в другие форматы.

Чтобы настроить программу для скачивания видео, нужно нажать на стрелочку-треугольник справа — Preference. В настройках всё предельно просто и понятно. Не буду на этом останавливаться.

Теперь вы знаете, как скачать видео из Интернета с помощью браузера Google Chrome.

На закуску посмотрите видео, как негритянка полюбила автомобиль Крайслер в извращенном виде.

Справка: RealPlayer

RealPlayer (RealOne Player) — проигрыватель для воспроизведения потоковых мультимедийных файлов в режиме реального времени. С помощью проигрывателя RealPlayer можно слушать радио и смотреть телевидение в сети Интернет.

Кроме этого Real Player, как и большинство современных проигрывателей мультимедиа, поддерживает множество аудио и видео форматов медиа-файлов (RM, RA, RAM, RT, RP, PNG, GIF, JPG, MP3, SWF, SMIL, SMI, WAV, AIFF, MPG, MPEG, AVI, ASF, MID, MIDI, RMI).

Основные свойства Real Player:

Медиа-браузер на движке Internet Explorer, для навигации во время проигрывания мультимедиа.

Редактор списков воспроизведения RealPlayer, поддерживающий функцию «Drag and drop» и проигрывание файлов в случайном порядке.

Визуализации графические анимации или «световое шоу».

Непрерывное проигрывание одной песни.

Закладки для любимых файлов и потоков.

Контроль эквалайзера RealPlayer и воспроизведения видео.

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

Буферизация потока видео даже в режиме паузы.

Запись аудио CD и компакт-дисков с данными.

Запись аудио из CD (рипинг).

Загрузка видео. RealPlayer может загружать видео из сайтов типа YouTube и сохранять их на компьютере.

Поддержка плагинов.

Возможность загрузки музыки в портативные устройства.

oleksite.com

Вставка FLV, MP4 видео в Wordpress блог

С развитием интернета все чаще на сайтах публикуются не только текстовые, но и видео материалы. Для разного рода сайтов обзоров, новостных, игровых проектов размещение видео на сайте стало просто таим незаменимым. Про видео в wordpress я уже однажды рассказывал  — а именно разъяснил как добавить Youtube ролик в wordpress в статье блога и потом выводить его в шаблоне, например, в сайдбаре. Вообще метод со вставкой роликов с видеохостингов Vimeo, Youtube и других наиболее простой и понятный. В 99% случаев я бы рекомендовал использовать именно его, но иногда возникают ситуации что нужно добавить в блог видео, которое не хочется никуда заливать кроме как своего FTP. Неважно будь то защита авторских прав или дело принципа, но бывают и таки задачи.

Чаще всего в интернете используются форматы видео FLV и MP4, хотя, конечно, плееры могут поддерживать и другие. Следует заметить, что поиск подходящего FLV, MP4 плеера для WordPress несколько затянулся. Было немало разных плееров (простых и сложных), но большая часть из них ориентирована на вставку видео с популярных сервисов, что, в принципе, вообще не требует плагина. Те немногие, что все же поддерживали загрузку с FTP далеко не все вселяли уверенность в работоспособности. После тестирования парочки плагинов все же остановил свой выбор на JW Player for WordPress.

Плагин JW Player for WordPress  предоставляется некой LongTail Video Inc и позволяет встраивать на сайте Flash и HTML5 видео. Настройка и добавление видео достаточно легкие, есть много опций по конфигурации плеера, поддержка одновременно Flash и HTML5 тоже большой плюс.

Основные возможности JW Player:

  • Управление несколькими плеерами.
  • Поддержка тем для плеера и настройка его внешнего вида.
  • Интеграция с Медиабиблиотекой в WordPress, добавление видео в посты блога.
  • Возможность добавления также с Youtube и других сайтов.
  • Управление плейлистами для просмотра видео.
  • Система кодов (shortcode) для настройки плеера.
  • Поддержка Flash и HTML5, о чем я уже говорил.

Установка и настройка плагина

Процесс установки плагина JW Player for WordPress  стандартный — скачиваете файлы модуля с официального сайта разархивируем и заливаем на FTP в директорию wp-content/plugins. В админке активируем плагин после чего появится объявление «To complete installation of the JW Player Plugin for WordPress, please click install» — то есть для завершения установки вам нужно будет загрузить сам плеер JW Player. Нажимаете кнопочку и последняя его версия будет установлена автоматически.

Кроме того, в боковом меню появится целый раздел по работе с плагином. В принципе, пункты Licensing и Upgrade не так полезны, тогда как Settings позволяет установить некоторые общие настройки модуля, а JW Player используется для настройки внешнего вида плеера. В настройках удобно, что можно отключить отображение плеера на разных страницах категорий и тегов, поиска и т.п. — там где выводится часть контента через the_content.

На странице JW Player найдете базовые настройки для плеера Out-of-the-Box, для создания своих, можете их скопировать (Copy) или нажать кнопку (Create Custom Player) для создания его с нуля.

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

По поводу управлением плагином есть здесь небольшой нюанс — как правило, максимальный объем добавляемого файла через загрузчик 2Мб, что, конечно, для видео формата сущий пустяк. Поэтому придется немного схитрить. Итак, для добавления видео FLV, MP4 видео в WordPress блог после установки и настройки модуля нужно:

1. Загрузить видео на FTP.

2. В текстовом редакторе выбираем добавление медиафайла, в открывшемся окне идем в закладку External Media и пишем путь к вашему видео. Нажимаем кнопки «Добавить медиафайл».

3. После этого он появится в библиотеке файлов и можно будет задать для него некоторые мета данные — название, подпись, описание, длительность, миниатюра для превью и т.п. Там же найдете поля ссылок для HTML5 и файла загрузки, в которых можно указать совершенно другое видео, то есть например онлайн посмотрели более простую версию, а загрузить можно в хорошем качестве и т.п. Там же есть возможность выбора плеера вида JW Player (по умолчанию или созданный вами)

4. В самом конце следует нажать кнопку Insert JW Player и соответствующий shortcode будет добавлен в текст страницы или поста. Сохраняем и смотрим как все получилось на сайте. Если все правильно, то увидите видеоплеер и сможете посмотреть ролик.

Что касается сложности добавления, возможно, можно увеличить параметр допустимого размера загружаемого файла, тогда пользователям, конечно будет проще — первый этап можно будет пропустить, а добавление FLV, MP4 видео в WordPress будет аналогично вставке картинки. Впечатления от самого плеера и плагина JW Player for WordPress? — просто супер! Просмотрел с десяток разных подборок лучших видео плагинов, почитав отзывы о половине из них и попробовав штук 5 подходящих и популярных на практике, думаю, JW Player for WordPress очень крутое, эффективное и удачное решение — один из лучших плагинов для добавления FLV, MP4 видео в WordPress.

P.S. Кредит не подходит, но вы все равно не знаете, где взять денег? Ответы на nebankir.ru.Владельцы iPhone люди которые любят выделяться из толпы, для них iphone наклейки которые специально разработаны чтобы украсить и разнообразить свой телефон.Любите читать? тогда заходите в новый онлайн книжный интернет магазин и заказывайте для себя книги прям с доставкой на дом по Украине.

Понравился пост? Подпишись на обновления блога по RSS, Email или twitter!

wordpressinside.ru

JW FLV Media Player 5.7

 Скрипты   PHP скрипты     Flash скрипты     Javascript скрипты   

 Софт  Инструменты SEO     Разработка сайтов     Серверное ПО   

 Документация  MySQL     PHP     HTML     Протоколы и сервисы Internet   

 Статьи  PHP     MySQL     Сервер     еще...   

 Услуги и сервисы  Домены     Хостинги     Блоки для сайта   

 Новости

 Контакты   icq: 158325531   email:   все контакты: здесь Atom все поступления Раздел Новости Раздел Услуги и сервисы Раздел Статьи Раздел Файлы комментарии

Многофункциональный и простой в установке плеер для вашего сайта. Способен воспроизводить видео(mp4, flv) и музыку(mp3). RTMP потоки и видео с youtube.Подробное описание этого плеера можно найти в моей статье.

Комментарии

RSS комментарии

23.03.2009 DFDF прога отл

09.06.2009 Барик Люди а не кто не поможет с установкой плэйлиста к этому плееру ? 02.07.2009 Jack Такая проблема, в файле XML прописаны два ролика flv, а плеер показывает только первый ролик. Как сделать чтобы по списку ролики показывались по очереди? 21.08.2009 ALEX АНИМЕ РАБОТАЕТ С ЗАГРУЗКОЙ ЧТО ДЕЛАТЬ ПЛИЗ13.09.2009 Nyaka Аниме грузится с подвисонами? 1) Уменьшить битрейт видео на сервере 2) Увеличить скорость инет канала на сервеу клиента04.04.2010 Саня прикольный плеер02.06.2010 Евгений Помогите!!! Как сделать ограничение на прослушку, на моём сайте 10 плееров, хочу что бы доступен на прослушку только один поток!!!???? 04.06.2010 админ Евгений, это только на уровне сервера можно сделать. Просто так потоки не ограничить.05.07.2010 Qwerty Скажите, пожалуйста, как можно реализовать выбор битрейта самим пользователем?23.10.2010 Серега А можно просматривать видео прямо в браузере вообще не используя никакого дополнительного ПО. Просто HTML5...

http://www.begovel.ru/tech/video.html

Смотрите, всем удачи!

24.10.2010 админ Серега, HTML5 для видео очень хорошо, но пока очень сыро. youtube запустил в тестовом режиме воспроизведение видео с помощью HTML5, но пока все очень глючно.23.01.2011 Евгений Подскажите, как сделать следующее. Есть страничка с несколькими плеерами и плейлистами. Вернее плеер то один jwplayer 5, а вот его копий несколько для конкретных событий. Как сделать ссылку-якорь к конкретному окну я знаю. А вот как сделать так, чтоб по этой ссылке загружался не только нужный плеер, а ещё и конкретная позиция в плейлисте? mailto:[email protected] Спасибо.26.01.2011 vetal вот только он не находит путь к файлу чё делать не знаю а сайт нужно сделать в ближайшие сроки26.01.2011 админ vetal, не находит путь к видео файлу? попробуй полный путь указать до файла http://asd.ru/wer/file.flv09.02.2011 DESURE скрипт то вроде бы хороший но как в описании сказано , некоторые вещи не сходятся ! вот к примеру RMTP поковое видео он не читает ! 10.02.2011 админ DESURE, очень даже умеет RTMP. Я же специально страницу создал, там все демонстрируется http://webi.ru/webi_articles/10_17_f.html20.02.2011 Александр Всем привет подскажите как организовать плейлисте а то что та я не понял из статьи заранее большое человеческое спасибо21.02.2011 админ Александр, а что конкретно то не получается? Помоему все подробно описано21.02.2011 Александр мне не понятно куда нужно вставлять файл где написан плейлист и что нужно прописать в самом плейре02.03.2011 Геннадий Добрый день. Подскажите, пожалуйста, а как решить такую задачу: Хочется сделать так, чтобы была возможность начинать просмотр ролика с любого места, передвинув ползунок, т.е. чтобы не ждать, когда загрузится весь файл. На YouTube так сделано. Можно ли такое сделать?

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

webi.ru


Смотрите также