В статье речь пойдёт, как понятно из заголовка, об установке и настройке на сайт плеера JW Player. Данный плеер поддерживает видео в формате flv, MPEG-4(mp4) с кодеком AVC(H264), MP3 и YouTube Videos.
Проигрыватель видеофайлов JW Player обладает весьма гибкими настройками, в частности, можно изменять внешний вид (скин) и расцветку самого скина, позволяет делать исчезающим панель управления видео а также менять её расположение, устанавливать свою заставку, иконку, заголовок клипа и т.д. Видеофайл, воспроизводимый JW Player, может быть расположен как у вас на сайте, так и на любом другом. Имеется возможность воспроизведения видео с YouTube без вех «фирменных» ютубовских атрибутов, захламляющих видеоокно.
Вот что какую оболочку видео можно получить, используя самый простой код:
Самый простой способ воспроизвести видео на сайте — это загрузить видеоролик на какой-нибудь хостинг видеофайлов типа YouTube и вставить код на страницу. Но тут имеется один громадный недостаток. В этом случае видео будет просматриваться со ссылкой на YouTube, с логотипом YouTube, с рекламой, которая появляется над полосой проигрывания, а в конце воспроизведения видео получить ссылки на сторонние ролики, которые уведут от темы публикации.
Плеер для просмотра видео на youtube и twitch. Как смотреть ютуб через плеер.
Избежать вышеуказанных недостатков позволит установка собственного видеоплеера.
Для начала надо скачать исходный код плеера с официальной странички , или, если Вам лень там регистрироваться, то можно скачать архив с двумя вариантами плееров напрямую с файлообменника Depositfiles.com . На момент написания статьи предлагается два варианта проигрывателей, mediaplayer-5.7 и mediaplayer-5.7-viral, последний отличается от первого тем, что содержит плагин обмена видео. Для одиночного воспроизведения видео это не требуется, поэтому я использую mediaplayer-5.7 без плагина обмена.
Теперь об установке.
Разархивируем скачанный файл. В корне нашего сайта создаем папку, к примеру videoplayer, и из разархивированной папки переносим туда файл player.swf . В этой же папке создаем еще одну папку, например videoclips, туда мы будем складывать видеофайлы.
Вставляем на страничку сайта, на которой мы хотим разместить видео, следующий код:
1 2 3 4 5 6 7 8 9 10 11
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’ >);
Либо, если страничка не позволяет использовать JavaScript, например, сайты, сделанные на Drupal без без соответствующих фильтров, то код будет следующим:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
В коде меняем высоту width=240 и ширину height=360 на необходимые, вместо MySite.ru указываем свой сайт и вместо MyClips.flv название файла вашего клипа. Обращаю внимание на то, что название сайта, клипа, высота и ширина видеоокна во втором коде (который без JavaScript) встречаются несколько раз.
Вот пример видео, вставленного на страничку с помощью кода, приведённого выше:
Субтитры плеер — Перевод и озвучка Youtube видео для Windows, PC, Android, Mac, Linux | Subtit.com
Приведённый вариант плеера является наиболее простым и не имеет собственных настроек. О тонких настройках внешнего вида и функционала JW Player рассказывается в статье Настройки внешнего вида, тулбара и воспроизведения видео JW Player.
Как я указал в начале статьи, этот плеер позволяет просматривать видео с сайта YouTube. При воспроизведении видео через JW Player, а не напрямую с YouTube, видеоокно освобождается от ютубовского хлама, замусоривающего ролик, как то вставки всплывающей рекламы, список похожих клипов, открытия страницы сайта YouTube и т.п.
Код в этом случае примет следующий вид:
1 2 3 4 5 6 7 8 9 10 11
jwplayer(‘mediaspace’).setup(< ‘flashplayer’: ‘http://MuSite/videoplayer/player.swf’, ‘file’: ‘file=http://www.youtube.com/watch?v=MUe0Uh10GPc’, ‘screencolor’: ‘000000’, ‘controlbar’: ‘bottom’, ‘width’: ‘360’, ‘height’: ‘265’ >);
Либо вариант для страницы без поддержки javascript:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
Как и в предыдущем случае, в коде надо изменить MuSite на URL Вашего сайта, и вместо моего адреса ютубовского файла http://www.youtube.com/watch?v=MUe0Uh10GPc подставить свой.
Пример воспроизведения видеофайла, размещённого на видеообменнике YouTybe (это видео я сделал в Photoshop, материал о его создании здесь):
При таком типе воспроизведения от всех атрибутов YouTube остаётся только иконка, избавиться от неё не представляется возможным. Приходится выбирать, размещать ли видео у себя на хостинге и занимать место, ведь видеофайлы бывают и очень больших размеров, либо смотреть видео с ютубовской иконкой, но зато размещать нахаляву.
Как вставить фоновую картинку (заставку) видео, сделать автоматическое воспроизведение ролика при загрузке и обновлении страницы, а также, как сделать непрерывное (циклическое) воспроизведение видео, рассказано здесь
- FLV плеер видео для сайта
- Описание и настройка проигрывателя Media Player Classic
- Бесплатный плеер для сайта JW Player: облачное подключение
- Получаем полную информацию о видеофайле, кодеках, сжатии и т.п.
Источник: rugraphics.ru
Обзор плееров системы
В системе «из коробки» имеются четыре плеера: Flowplayer, Jwplayer6, Video.JS и Uppod.
Каждый из них имеет свои особенности, плюсы и минусы — вы можете использовать любой на ваш выбор.
Flowplayer
- Internet Explorer 6.0+
- Chrome
- Firefox FF 2+
- Safari 2.0+
- Opera 9.0+
Поддерживаемые видео форматы:
В контексте InstantVideo поддерживает воспроизведение путем ретрансляции, а так же воспроизведение видео файлов после конвертации посредством провайдера LocalHost системы.
Код плеера формируется как при помощи оригинальной js библиотеки плеера, так и при помощи html тега object.
Имеется поддержка псевдостримминга. Поддержка воспроизведения с YouTube отсутствует. В плеере присутствует авторский логотип.
Jwplayer6
- Internet Explorer 8.0+
- Firefox
- Chrome
- Safari
- Opera
Поддерживаемые мобильные устройства:
- iOS (iPhone Как добавить свой плеер в систему».
Источник: instantvideo.ru
Лучшие расширения Chrome для YouTube Music
это сайт YouTube Один из самых просматриваемых веб-сайтов на планете и, безусловно, самая популярная видеоплатформа на сегодняшний день, неудивительно, что миллионы пользователей обращаются к нему каждый день для потоковой передачи музыки с помощью потокового сервиса. YouTube Music. Это платформа по умолчанию для музыкальных клипов — особенно вирусные, такие как Neighbor’s Girl и Old Town Road — и это также место, где можно найти любую песню, ремикс или мэшап, которые вы, возможно, захотите послушать. Ищете ли вы текст песни для ночь караоке Музыка для сна или новый ремикс для следующей вечеринки — в YouTube Music есть то, что вы ищете.
По сравнению с мобильным приложением веб-версия YouTube Music теряет множество полезных функций, таких как тексты песен, эквалайзер, интеллектуальные загрузки и т. Д. К счастью, у нас есть сторонние расширения Chrome, которые восполняют пробелы. Давай проверим.
Лучшие расширения Chrome для YouTube Music
1. Тексты песен
ясно, что текст песни Это самая важная отсутствующая функция на YouTube Music. Вы должны знать о расширении Lyrics, как следует из названия, это расширение добавляет тексты песен, которые воспроизводятся на YouTube Music. В отличие от других подобных дополнений, которые появляются в виде всплывающего окна в верхней части YouTube Music, Lyrics интегрирован в веб-плеер, как и исходная функция. Также он работает с обычным проигрывателем YouTube.
2. Мини-плеер YouTube Music
По умолчанию браузер Chrome предлагает возможность управлять мультимедиа, нажав значок музыки рядом с изображением профиля в правом верхнем углу. Но использование YouTube Music Mini Player предоставляет больше возможностей, таких как управление предстоящими песнями, возможность проверять тексты прямо с мини-плеера и т. Д. Просто не забудьте прикрепить удлинитель к верхней панели, чтобы вы могли легко получить к нему доступ при необходимости.
3. Клавиатурный
YouTube Music поддерживает такие сочетания клавиш, как пробел для воспроизведения / паузы музыки и клавиши со стрелками для пропуска треков. Но здесь нет сочетаний клавиш для управления громкостью и просмотром песен, как на YouTube. В любом случае, вы можете настроить горячие клавиши с помощью расширения Hotkeys.
Основным преимуществом этих горячих клавиш является то, что вы можете настроить эти ярлыки для работы только тогда, когда вы находитесь в YouTube Music, только когда вы используете Chrome, или даже в масштабе всей системы. Таким образом, вы можете назначить ярлык, который вы не используете, и включать и выключать музыку, даже не открывая вкладку YouTube Music каждый раз, чтобы запускать ярлыки. В любом случае, сначала вам нужно открыть приложение YouTube Music вручную, эти ярлыки не могут открыть сервис и начать воспроизведение автоматически.
4. Звуковой эквалайзер.
Когда я на вечеринке, мне определенно нравится слушать больше вокальные слои. Хотя в YouTube Music нет возможности сделать это, вы можете установить расширение Sound Equalizer, чтобы настроить звук в браузере Chrome. У вас также есть множество предустановок на выбор. В любом случае, это непрофессиональный инструмент, и изменения практически не заметны, если вы не используете динамики или наушники.
5. Случайный альбом YouTube Music
Хотите мгновенно воспроизвести несколько песен из своих альбомов, не открывая YouTube Music и не ища песни, поэтому это расширение как раз для вас. Если у вас есть какие-либо альбомы, сохраненные в вашей библиотеке, все, что вам нужно сделать, это щелкнуть значок добавления, чтобы открыть веб-сайт и начать воспроизведение случайного альбома.
6. ЮТСваг
Вам наскучил внешний вид YouTube Music? Вот дополнение, которое делает вещи еще более захватывающими. Вместо того, чтобы настраивать веб-версию YouTube Music, YTswag полностью меняет структуру, а также добавляет некоторые функции, такие как тексты песен. Несмотря на то, что слова из этого дополнения не являются надежным вариантом, вы все равно можете рассмотреть возможность использования расширения для персонализации, которую оно предоставляет.
7. Открыть в YouTube
В YouTube Music нет возможности комментировать. В любом случае вы можете использовать это расширение для переключения с YouTube Music на YouTube, просто выбрав опцию «Открыть в YouTubeиз списка (три точки) рядом с песней. Помимо комментариев, вы можете пользоваться различными преимуществами, такими как нажатие на значок колокольчика, чтобы получать уведомления о новых песнях, которые пока нельзя воспроизводить на YouTube Music.
Это были одни из лучших расширений, которые вы можете установить в Chrome, чтобы максимально использовать YouTube Music.
Источник: www.dz-techs.com