Все три способа актуальны при добавлении ролика через панель инструментов или с главной страницы модуля. В панели управления видео добавляется по ссылке или коду.
Ссылка
Указывается ссылка, которую можно скопировать из адресной строки с видеороликом. В данном случае используются технологии oEmbed. Поддерживаются сервисы Youtube.com, Rutube.ru, Vimeo.com, Dailymotion.com, Сoub.com.
- Скопируйте ссылку на видео. Например, если вам понравилось видео http://www.youtube.com/watch?v=blO3Yb8nZ18, то необходимо на данной странице видео нажать на кнопку «Поделиться» — вкладка «Поделиться». Будет выведена ссылка http://youtu.be/blO3Yb8nZ18 (ссылку http://www.youtube.com/watch?v=blO3Yb8nZ18 тоже можно использовать).
- Скопированную ссылку пропишите на вкладке «Добавить ссылку» — «Ссылка на видеоролик» (подробнее рассмотрим ниже).
- После прописывания ссылки подождите несколько секунд и пройдите авторизацию в Google, после этого данные будут получены.
- Выберите категорию видео, заполните дополнительные поля (если нужно), нажмите «Добавить видео». Теперь это видео доступно и на вашем сайте.
Код
Некоторые хостинги предлагают размещать видео на своих сайтах с помощью HTML-кодов плееров. В коде видеоролика можно указывать IFRAME-, EMBED-, SCRIPT-элементы. Однако в целях безопасности мы используем свою базу сервисов, которые можно использовать в данной вкладке.
Как вставить видео на сайт с Ютуба, Vimeo, Rutube и без них
Список доступных сервисов:
- youtube
- youtu
- rutube
- vkontakte
- bvkb
- player.vimeo
- video.mail
- video.yandex
- dailymotion
- pub.tvigle
Данная база пополняется. Предложить видеосервис, которого ещё нет у нас в базе, вы можете в теме http://forum.ucoz.ru/forum/54-41178-1.
Перейдите на страницу видео. Под плеером кликните «Код для блога» (или «HTML-код»). После этого вам будет выдан код. Например:
Полученный код пропишите в поле «Код для вставки видео» и заполните остальные поля.
Файл
Если у вас есть видеоролик, который вы хотите опубликовать на сайте, выбирайте этот вариант. Потребуется подключить аккаунт Youtube.
Чтобы пользователи могли загружать свои файлы через форму на сайте в панели управления («Видео» / «Настройки» / «Материалы») нужно включить опцию «Загрузка материалов на YouTube». Для добавления файла через панель управления включать эту опцию не требуется.
Все видео, которые вы будете загружать со своего компьютера, будут автоматически в данном сервисе (Youtube). Автоматически получаются данные:
- Код видеоролика
- Скриншот видеоролика
- Название видеоролика
Добавление видео через панель управления
В панели управления сайтом выберите модуль «Видео» из списка:
На открывшейся странице нажмите на кнопку «Добавить»:
Откроется окно выбора способа добавления видео (способы мы рассматривали выше):
После загрузки видео одним из способов появятся дополнительные поля, в которых можно указать информацию о видео:
- Категория. В зависимости от выбранного набора предустановленных категорий указывается категория для материала. Категория является обязательным для заполнения полем. Материал может относиться одновременно к нескольким категориям. Данная возможность активируется в настройках модуля опцией «Вхождение материала сразу в несколько категорий».
- Название материала. По умолчанию является текстом ссылки на добавляемое видео в каталоге и помещается в переменную $TITLE$. Является обязательным для заполнения полем.
- Описание материала. Отображается рядом со ссылкой на сайт. Для вывода описания в шаблоне используется переменная $BRIEF$. Является обязательным для заполнения полем.
- Канал. Каналы позволяют фильтровать видео. По умолчанию видео добавляется в канал пользователя. Данный способ добавления видео позволяет выбрать созданный ранее канал, который не является пользовательским.
- Скриншоты. Изображения, которые выводятся в списке видеозаписей, а также на странице видео.
- Год создания видео.
- Актеры. Список актеров через запятую. Выводится с помощью переменной $ACTERS$.
- Режиссер. Публикуется с помощью переменной $PRODUCER$.
- Автор. Произвольное имя и/или фамилия автора материала ($AUTHOR_NAME$).
- Email автора. Может быть показан на сайте с помощью переменных $AUTHOR_EMAIL$ и $AUTHOR_EMAIL_JS$. Во втором случае JavaScript препятствует копированию email-адреса роботами и скриптами, что снижает риск возникновения спам-писем по указанному адресу после добавления видео.
- Сайт автора. Ссылка на сайт автора материала. Будет опубликована на странице видео с помощью переменной $AUTHOR_SITE$.
- Длительность материала. Определяется автоматически, но может быть задана вручную. Публикуется на сайте с помощью переменной $DURATION$.
- Качество видеоматериала. Можно указать любое значение, но обычно используются общепринятые. Выводится с помощью переменной $VQUALITY$.
- Теги материала. Слова или словосочетания, которыми можно охарактеризовать сайт. Теги указываются через запятую и участвуют в поиске материалов на сайте. Указав значение тега в поиске, можно найти все материалы, содержащие данный тег. Переменная $TAGS$.
- Язык.
- Дополнительное поле 1. N. Подключить дополнительные поля можно в настройках модуля. Изменить названия — с помощью инструмента «Замена надписей».
- HTML-заголовок страницы. Используется в переменной $USER_TITLE$. Так могут быть выведены разные названия для видео на странице сайта и на вкладке браузера.
- Meta description. Явно заданное meta-описание видео. Выводится с помощью .
- Использовать ЧПУ (человеко-понятный-урл). Часть ссылки на страницу видео.
- Комментирование. Включает/отключает возможность оставлять комментарии к видео.
- Материал недоступен для просмотра (премодерация). Включает/отключает возможность просмотра материала пользователями. При включении данной опции материал после добавления неактивен (скрыт).
Поля со значениями фильтров появляются после создания фильтров. В нашем примере выше создан фильтр (Год) с множественным выбором.
Когда закончите заполнять все поля материала, нажмите на кнопку «Добавить», и видео появится в списке:
Добавление видео через панель инструментов
Панель инструментов содержит раздел, который позволяет быстро переходить к добавлению видеоматериалов на сайт. Нажмите на иконку «+» и выберите модуль, в который хотите добавить материал:
Откроется страница добавления видео:
Выберите способ добавления видео (способы мы рассматривали ранее). Для внесения данных о видео нажмите на ссылку «Дополнительно»:
Пользователи могут выбирать, нужно ли публиковать видео в их пользовательском канале:
Если нажать на логин пользователя, появится окно с настройками канала:
Можно изменить название и описание канала, а также прикрепить скриншот к каналу. Страница канала позволяет оставлять комментарии. Для этого нужно активировать настройку «Позволить оставлять комментарии». Чтобы узнать больше о каналах, читайте инструкцию.
Нажмите на кнопку «Добавить видео», и новый материал будет добавлен на сайт.
Чтобы изменить состав полей при добавлении видео, зайдите в настройки модуля «Видео» и в разделе «Материалы» добейтесь желаемого результата:
Добавление видео с главной страницы модуля
В шаблоне страниц каталога может быть размещена ссылка, ведущая на страницу добавления видео. Ссылка имеет следующий вид:
Чтобы ссылка появилась в шаблоне, добавьте в него следующий код:
При переходе по этой ссылке откроется страница добавления видео.
Источник: www.ucoz.ru
Как разместить видео с ютуба на сайте
Запишись на обучение
Закрыть Сохранить изменения
Может ли одна идея изменить мир?
Другие статьи из данного раздела
- Денежный бассейн (упражнение)
- Визуализация ступы из шести первоэлементов (буддийская медитация)
- Как скачивать видео с Youtube, Вконтакте и Инстаграм на компьютер
- Восприятие нового
- Истина рождается в тишине
Список разделов
- Как заработать в Интернете
- Полезные статьи
- Телекоммуникации
- Мобильные телефоны
- Как делать сайт
- Разное
- Личное
- Познавательные фильмы
- Размышления
Вы вошли на сайт, как Гость
Внешний вид сайта
Подпишись на Telegram-канал, чтобы первым узнать все новости сайта:
Подпишитесь на рассылку наших новостей, чтобы всегда быть в курсе последних обновлений!
Ваши данные никому не передаются. Вы можете отписаться от рассылки новостей в любой момент.
Статистика
Сейчас на сайте:
Cтатей: 136
Партнёрских продуктов: 176
Секретных материалов: 139
Обучающих курсов: 100
Альбомов: 1
Категорий: 32
Партнёров: 16
Заметок: 27
Комментариев: 16
Мудрых фраз: 146
Пользователей: 103
Подписчиков: 165
Посетителей на сайте: 2
Группа Вконтакте
Группа Facebook
Случайные новости
- По ту сторону океана 2016
- Дом. История путешествия
- Как восстановить Xiaomi Redmi 9 из циклической перезагрузки (bootloop)
- Осознание осознания
- Рыба хек
Последние новости
- Как восстановить Xiaomi Redmi 9 из циклической перезагрузки (bootloop)
- Мошеннические сайты притворились интернет-провайдером
- Удаление игр из Xiaomi
- Новое обновление сайта rolar.ru
- СИНЕМА ПАРК и Отряд Таганок (моя история)
Популярные новости
- Добро пожаловать!
- WaspAce – качественный сервис для раскрутки сайтов и заработка в Интернет!
- «Золотые» правила Дейла Карнеги
- Статьи про HYIP-проекты
- Как разместить видеоролик с YouTube на своём сайте?
Архив новостей
Полезные ссылки
- Бесплатные уроки по созданию Интернет-магазина (justclick)
- Распродажа курса «Сексуальные позиции» Алекса Мэя (ссылка на форму оплаты)
- Sociate.ru — биржа рекламы в группах Контакта и постинг по расписанию
- Практика монетизации блога: от раскрутки до реальных денег (подписная страница)
- Интернет-магазин OZON.ru — Выбирайте.Книги и музыка, электроника и бытовая техника, одежда и обувь, зоотовары.Всё, что нужно для дома и семьи, спорта и красоты.Широкий ассортимент и выгодные цены
- Регистрация в партнёрской программе Зинаиды Лукьяновой
- Бесплатный видеокурс по созданию профессионального интернет-магазина
- Препроцессоры. Быстрый старт — мини-курс
- Как продлить половой акт
- Уроки по адаптивной верстке (justclick)
Партнёрские ссылки
- Конвертирование видео в формат DCP для просмотра на цифровых видеопроекторах
- Информационное поле и потребность в коммуникации
- Как сделать любимой девушке предложение
- Осознание осознания
- Мошеннические сайты притворились интернет-провайдером
Скачать файлы
- Секреты листбилдинга
- Секреты создания эффектных презентаций 2.0
- Мини-курс по Быстрой настройке Контекстной Рекламы
- Секс. Практический опыт
- Твоя харизма онлайн
Источник: rolar.ru
Как встроить видео YouTube на сайт? 4 способа
Читаем, дамы и господа, самые простые способы вставки видео YouTube в WordPress без плагинов. Встраивание видео YouTube в текст статьи процесс совсем не сложный. Но, если вы только создали свой сайт вордпресс и не знаете как добавлять видео с ютуб на свой веб-ресурс, то это пошаговое руководство для вас. Добавить/встроить видео YouTube на сайт/в сообщение очень просто, и сегодня вы научитесь это делать.
Обратите внимание, для вставки видео с видео-хостинга Youtube.com не требуются ни какие дополнительные плагины. Всё делается с помощью самой CMS, стандартными методами. Для справки : YouTube (русское произношение «ютуб», «ютьюб» или «ютюб». Дословно переводится на русский как «Ваше телевидение»).
YouTube — видеохостинговый сайт, предоставляющий пользователям услуги хранения, доставки и показа видео. Пользователи могут загружать, просматривать, оценивать, комментировать, добавлять в избранное и делиться теми или иными видеозаписями. Благодаря простоте и удобству использования YouTube стал популярнейшим видеохостингом и третьим сайтом в мире по количеству посетителей.
Распространенная ошибка в попытке вставить плеер на сайт — добавление прямой ссылки на ролик в редактор сообщений. То есть, это обычная гиперссылка, кликнув по которой, пользователь попадет на страницу YouTube с размещенным видео. Проблема в том, что пользователи, кликая по ним, покидают ваш сайт, и не факт, что вернутся. Для улучшения поведенческих факторов и удержания посетителей лучше, чтобы они смотрели видео прямо у вас на сайте. И так, поехали.
Как вставить видео YouTube на сайт WordPress без плагина
Есть несколько способов добавлять/вставлять/встраивать видео с ютуб в свой пост. Выбирайте, самый удобный для вас.
1. YouTube предоставляет код для встраивания видео на любой сайт или блог (при условии, что владелец видео разрешает его встраивать). Данный способ подходит и для Blogger. Для этого выполните следующие действия:
• Нажмите на ссылку «Поделиться» под видео.
• Выберите в открывшемся окне пункт «Встроить».
• Откроется окно «Встраивание видео» с кодом видеоролика:
Затем, при написании статьи, в режиме Текст, вставляете скопированный код в нужное вам месте. Готово. Размер видеоролика можно регулировать самостоятельно, в коде width=»560″ height=»315″ . Только соблюдайте пропорцию. Если вы уменьшаете или увеличиваете ширину на 40, то и длину нужно изменять на 40.
Если захотите вставить видео на боковую панель блога, в панели управления Добавить виджет «Текст» и в его поле вставьте код. Следующий способ.
2. Ютуб предоставляет ссылку для добавления видоса на сайт. Для этого, нужно также нажать под видео «Поделиться» и в окне скопировать предоставленную видехостингом ссылку:
При написание поста, проделываем операцию, как при вставке картинки/изображения в текст статьи. Добавить медиафайл — Вставить с сайта. В поле для ссылки вставляем URL на видео ютубе:
Нажимаете Вставить в запись. Всё, готово. При публикации сообщения ваше видео появится в тексте статьи. Вот, пример:
Данным способом вставляем видео на боковую панель блога. С помощью виджета «Текст»:
Продолжаем разбор «полётов». Другие способы вставки видоса на страницы веб-ресурса.
3. Для тех, у кого установлен многофункциональный редактор TinyMCE Advanced (у меня давно установлен и вам советую). Ну, это совсем проще пареной репы.
Печатаем, печатаем статью на все времена, а в нужный момент в меню редактора сообщений нажимаем: Вставить — пункт Медиафайлы. Или кликаем на иконку Медиа (если она у вас добавлена в редактор):
А дальше, можно вставить в окне ссылку, со своими размерами видео или html-код ролика:
Вкладка «Объект» позволяет вставить код ролика:
С классическими редакторами вордпресс мы разобрались. Переходим к новому редактору основанный на блоках — Gutenberg. В новом редакторе Gutenberg разобраться без бутылки совсем не просто. Хотя, предстоит когда нибудь его осваивать. В редакторе Gutenberg также есть блоки для добавления видео на страницу записей с разных источников.
4. Добавить блок видео Gutenberg. Нажимаем плюсик + добавить новый блок. Затем вставки:
Или можете в поиске блоков ввести слово youtube:
Нажимаете на блок и вставляете ссылку на ролик:
Кликаете кнопку Вставить. Всё, блок видео ютубе встроен в вашу статью:
Друзья, как вы можете заметить, встроить видео youtube на страницу сайта можно используя только редактор сообщений WordPress. Здесь, помощники плагины, нам ни к чему.
Как известно, что встроенное видео немного замедляет скорость загрузки страницы WordPress. Что делать? Выход есть. Читайте, друзья, пост о том — Как ускорить загрузку страниц со встроенным видео с Youtube на сайте WordPress? Сделайте свой сайт с видео
И в заключение
С помощью представленных методов, используя лишь редактор вордпресс, вставлять видео на страницы WP можно не только с популярного ютуб хостинга, но и из других источников. Таких как — Facebook, Vimeo и из других соцсетей.
Если у вас есть дополнительные вопросы о способах встраивания YouTube в WordPress, сообщите мне об этом в комментариях! На этом, дамы и господа, позвольте попрощаться. Всего доброго и удачи. Пока, пока.
Источник: wordpressmania.ru