Здравствуйте, уважаемые друзья. Сегодня я расскажу, как вставить и оформить видео и плейлисты с канала YouTube на сайте. А самое интересное то, что видео из плейлиста можно оформить в виде галереи. Что не только красиво смотрится, но положительно влияет на поведенческие факторы.
Популярность видеоконтента растёт с каждым днём. Естественно, самым популярным интернет-ресурсом для размещения и просмотра видео является YouTube, где можно найти практически всё.
Для владельцев сайтов и блогов это возможность сэкономить ресурсы дискового пространства на хостинге, путём размещения видео на канале Ютуб. Плюс, таким образом, вы привлекаете дополнительный трафик на сайт и монетизируете свои видео.
Что, согласитесь, гораздо лучше, чем просто размещать видео на своём сайте.
Для работы с консолью вам потребуется аккаунт Google. Для его получения нужно зарегистрировать почтовый ящик. Процедуру регистрации я описывал в статье подтверждения .
Итак, открыв консоль. Нужно создать новый проект. Для этого нажмите на кнопку «API Project» – «Create a project» .
Вводите имя проекта и жмёте кнопку « Create» .
На следующей странице нажимаете на кнопку « Enable API».
После, возвращаетесь на предыдущую страницу и жмёте на ссылку «YouTube Analytics API».
А на открывшейся странице снова жмёте на кнопку « Enable API».
В новом окошке жмёте по кнопке « Server key» .
Копируете ключ в буфер обмена (CTRL+C) и переходите к настройкам плагина на вашем сайте.
В административной панели WordPress открываете раздел « YouTube Free» и далее в настройках, в поле «YouTube API Key» вставляете ключ.
Теперь чтобы представить плейлист в виде галереи вам нужно вставить ссылку на плейлист, как показано выше и добавить к ней вот этот код:
&layout=gallery
Должно получиться примерно так:
Https://www.youtube.com/watch?v=STkWe88DetU&list=LLP-KJlIyiqpHpGCwTGnnCww&layout=gallery
Сохраняем статью или страницу и идём проверять. Вот так выглядит галерея плейлиста в бесплатной версии плагина.
Если вам этого мало, то переходите на версию ПРО. Но, думаю, этого вполне достаточно.
Итак, друзья, теперь вы знаете, как быстро, красиво и информативно представить видео на сайте.
Если остались вопросы, буду рад ответить на ваши комментарии. Не стесняйтесь, пишите.
Желаю вам удачи и до встречи в новых статьях и видеоуроках.
С уважением, Максим Зайцев.
Все ее рамки здесь
|
1. Копируем код рамки и вставляем его в поле расширенного редактора, при нажатии на кнопку ИСТОЧНИК (в левом углу редактора)
Снова жмите на ИСТОЧНИК и проверьте результат
3. Не знаю, как это делают другие, но я, сначала вставляю код плейлиста, а затем все остальное. Картинку и текст можно вставить в рамку через визуальный редактор, а вот КОД любого файла вставляется в HTML редактор через кнопку ИСТОЧНИК. При переходе в этот самый редактор новичку трудно определить куда вставлять код, поэтому слово ВАШ ТЕКСТ является ориентиром для вставки кода. Таким образом, можно написать в расширенном(визуальном) редакторе любое слово большими буквами в любом месте рамки и затем в ИСТОЧНИКЕ найти это слово.
Снова жмите на ИСТОЧНИК,найдите слова ВАШ ТЕКСТ и аккуратно вместо них вставьте код плейлиста
4.Проверяем результат
5. Теперь можно вставлять картинку, поставив курсор в нужное место. Если плейлист слишком прижат к верхней рамке, я поступаю так: левой кнопкой мыши щелкаю по левой стороне плеера,(выделяю) и жму на ENTER. Рамка плейлиста опускается вниз, освобождая место для картинки. Вставляю картинку из ПК обычным способом
Если картинка не вставляется проверьте ее расширение
6.Обычным способом можно вставить в рамку текст.
Вот что получилось.
|
Читайте мой пост
Приближается праздник - Международный женский день. Подготовимся заранее к нему. Вы можете оригинально поздравить девушек и женщин, воспользовавшись сервисами открыток, о которых пойдет речь ниже.
Создать открытку 8 марта онлайн
Воспользуйтесь следующими сервисами, чтобы создать открытку практически с нуля.
Я надеюсь, что воспользовавшись одним из этих генераторов, вы сможете достойно поздравить своих дам с 8 марта!
Содержание статьи:
Google Plus закрывается Платформа Google Plus не оправдала надежд разработчиков и будет удалена полностью уже 2 апреля 2019 года. Вместе с ней исчезнут связанные с ней альбомы в Google Фото, станут недоступными авторизации на сайтах с аккаунтом Google Plus. Уже с 4 февраля стала недоступной функция создания профилей Google Plus, каналов и страниц. Если на вашем аккаунте хранился ценный контент, то вы можете скачать резервную копию .Больше всех изменения коснутся блогеров, ведущих свои блога на Blogspot. Станут недоступны некоторые виджеты G+, комментарии G+, а также профиль Google +. Об этом сказано в уведомлении в админке Blogger:
После объявления о прекращении работы API Google+, которое запланировано на март 2019 года, 4 февраля будет внесен ряд изменений в интеграцию Blogger с Google+.
Виджеты Google+. В дизайне блогов больше не будут поддерживаться виджеты "Кнопка +1", "Подписчики Google+" и "Значок Google+". Из вашего блога будут удалены все экземпляры этих виджетов.
Кнопки +1. Будут удалены кнопки +1 и G+, а также ссылки "Опубликовать в Google+" под записями в блоге и на панели навигации.
Обратите внимание, что, если вы используете пользовательский шаблон, в котором есть функции Google+, его может быть необходимо изменить. Обратитесь за рекомендациями к тому, кто предоставил вам этот шаблон.
Google+ Комментарии. Будет прекращена поддержка комментариев с использованием Google+, а для всех блогов, которые используют эту функцию, будут восстановлены стандартные комментарии Blogger. К сожалению, комментарии, размещенные через Google+, невозможно перенести в Blogger, поэтому они больше не будут отображаться в вашем блоге. Удаление комментариев Google Plus К сожалению, комментарии, которые были опубликованы в системе будут удалены безвозвратно. Вы лишь можете воспользоваться тем же инструментом https://takeout.google.com , чтобы сказать резервную копию комментариев от Google + на свой компьютер. Только загрузчика для него не предусмотрено и восстанавливать комментарии вам можно только вручную достаточно кривым способом. Хорошо, что я в свое время вовремя .Как заменить профиль гугл плюс профилем Блоггер Если вы ведете блог на Blogspot, то целесообразно сейчас вернуться с профиля Гугл Плюс на профиль Blogger (для тех, кто переключился на гугл плюс в своё время). Рекомендую сделать это прямо сейчас во избежании непредвиденных ситуаций, которые могут происходить при удалении аккаунтов Google Plus. Как вернуть профиль Blogger Сделать это просто в настройках админки Blogger:
Настройки –> Пользовательские настройки –> Профиль пользователя – здесь выберите Blogger
Сохраните изменения.
Подтвердите переход на и задайте свое имя или никнейм.
Не забудьте загрузить аватар в вашем профиле Blogger.
Как удалить профиль гугл плюс Если вы решили раз и навсегда избавиться от профиля Г+, то перейдите на свою страницу гугл плюс –> Настройки –> прокрутите страницу до конца вниз –> удалить аккаунт гугл плюс:
Сегодня расскажу что такоеCSS3, с чем его едят, где его искать, как правильно его прописывать. Предупреждаю, буду рассказывать от себя, упрощенно для широкой публики, как я это вижу + примеры. Итак, начнем издалека.
CSS – это стили, в которых прописываются свойства объекта. Значит, они есть во всех существующих движках, если вы их не можете найти, значит либо не там смотрите, либо их действительно нет (кривой сайт
). Где же они обычно найти? Обычно это корень сайта, название файла style.css, хотя, в принципе, название не так важно, как расширение.css, если файл с таким расширением – это файл стилей.
Смотрите также на моём блоге.
