Обзор видеоплеера SPRUTO

  Автор:

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

Здравствуйте дорогие читатели! Доброго времени суток.

В предыдущей статье « Раз, два, три, четыре, пять – будем видео включать»  мы с Вами научились брать информацию с канала YOU TUBЕ и устанавливать на свой блог интересующее нас видео.

Сегодня мы продолжим разговор на эту тему. Я предлагаю обзор сайта, на котором мы можем расширить наши возможности, получив плеер, настроенный на наш вкус (в пределах возможного).Итак, речь пойдёт о сайте генератора видеоплеера http://spruto.com/  . Ресурс абсолютно бесплатный и не требующий регистрации. Просто зашел, сделал, забрал и ушел с информацией, точнее с приличным плеером.

Давайте по порядку. Зайдя на сайт, Вы видите следующую картинку

ФАСАД САЙТАРИОТ

Первое, что мы делаем, идем на YOU TUBЕ и в верхней строке браузера берем ссылку на интересующее нас видео. Вставляем ее в поле под цифрой 1. Затем нажимаем на ссылку во 2 прямоугольнике «Настроить внешний вид». Нас перебросит на другую страницу. Поле в прямоугольнике  3   игнорируем, код HTML нашего плеера мы получим позже в другом месте. На открывшейся странице мы будем настраивать наш будущий плеер. Хотя, если сейчас взять код, то можно считать дело законченным, так как плеер с видео у нас уже есть.

Но на второй странице есть возможности улучшения внешнего вида нашего плеера.

ВТОРОЙ РАЗВОРОТ РИОТ

В поле под цифрой 1 стоит ссылка на наш видеоролик. В поле под цифрой 2 мы можем выбрать внешний вид панели управления из трех предложенных вариантов. В поле 3 выбираем цвет панели управления: либо светлый, либо темный. В поле 4 выбираем размер экрана из предложенных четырёх  вариантов. Игнорируем поле 6 и жмём на  поле 5 «Больше настроек», нас перенаправляют на следующую страницу.

ДИЗАЙН ТРЕТЬЯ СТРАНИЦАРИОТ

На этой странице в поле появились четыре кнопочки: «Дизайн» (мы сейчас находимся здесь), «Интерфейс», « Управление» и «Реклама». В поле 2 можем на наш плеер поставить логотип (если зарегистрируемся на ресурсе), в поле 3 подбираем цвет наших кнопок управления.

Но самое необходимое - это 4 поле. Здесь мы можем создать плейлист и вставить несколько ссылок на несколько интересующих нас видео.  В правой стороне даём названия нашим видео.  И уже в плеере заряжено последовательно несколько видеосюжетов. Согласитесь, удобно и функционально. Это может быть, к примеру, несколько уроков на одну тему.

Далее жмем в поле 1 на вкладку под номером 5 «Интерфейс», после чего раскрывается следующее окно. Рассматривать его не будем, там стоят установки по умолчанию. Если они нас устраивают, то ничего не делаем. Затем жмем на кнопочку «Управление»  в поле 1.

СТРАНИЦА ЧЕТЫРЕ

На странице   « Управление» мы можем поставить две галочки в полях 1 и 2, тем самым мы настроим наш плеер на автовключение с момента открытия страницы и установим автопереход к следующему видео.  В поле 3 мы сможем установить картинку в качестве обложки нашего плеера (эта функция доступна только зарегистрированным пользователям).

Мы закончили работу по настройке, самое время получить финишный результат. Жмем либо кнопку 4 , либо кнопку 5, и на следующей вкладке берем код HTML для вставки в наш блог.

ПЯТАЯ СТРАНИЦАРИОТ

Код берем ( в поле 2) при нажатой кнопочке flash . В нажатом положении она будет серенькой. А копируем информацию, просто нажав на клавишу в поле 3 «скопировать код», либо выделить мышкой поле с кодом и скопировать в буфер обмена. При этом советую перед установкой на сайт проверить код в каком-либо редакторе кода HTML и сохранить его в текстовом редакторе. Тем самым мы его не потеряем, и сможем вставить, куда нам надо, в любой момент. Код нашего плеера выглядит вот так.

КОД

 

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

В том случае, если Вам не подойдет этот код, попробуйте другой, под кнопочкой  JS (она  слева от слова flash). Вот собственно и все. У нас появился функциональный и симпатичный видеоплеер. Но осталось два нерешенных вопроса: код HTML,  редактор кода и появился третий, о котором я говорил в предыдущей статье - симпатичной рамке для нашего плеера.

Пример этих решенных вопросов можно посмотреть на моей открытке     http://d2015r.blogspot.ru/. Сравните с другим плеером на другой открытке http://118marta.blogspot.ru/. Как говорится, почувствуйте разницу. Там вы увидите внешний вид и убедитесь, как работает плеер. Если будут вопросы, с удовольствием отвечу. На мой взгляд, преимущество обозреваемой программы состоит в возможности создания плейлиста.

Рассказывать, как решить возникшие вопросы буду в следующих публикациях. На сегодня достаточно.

Друзья, если Вам интересен материал, и Вы желаете удачи Вашим партнерам, поделитесь с ними этой информацией.

А также мне очень важно знать, что Вы думаете по этому поводу, оставьте свой комментарий, он будет для меня руководством к действию.

автограф

 

Интересная статья? Поделитесь ею пожалуйста с другими:

КАК НАУЧИТЬСЯ ЗАРАБАТЫВАТЬ НА РАСХОДАХ?

БЕСПЛАТНАЯ ИНФОРМАЦИЯ В ВИДЕ ПИСЕМ 

ВВЕДИТЕ В ФОРМУ НИЖЕ СВОЕ ИМЯ И E-MAIL

Оставьте свой комментарий:

Оставьте свой комментарий или вопрос

на Блоге
в Вконтакте
в Фейсбук