Добавьте на сайт одиночное видео с YouTube. Этот элегантный и простой в использовании плеер позволяет настраивать параметры воспроизведения и добавлять описание видео.
Хотите показать больше одного видео?
Чтобы отобразить несколько видео YouTube в плейлисте или канале с множеством дополнительных функций и вариантов дизайна, используйте Wix Video. Подробнее
Чтобы добавить видео с YouTube:
- Нажмите Добавить в левой части редактора.
- Нажмите Видео и музыка.
- Нажмите Одиночные видеоплееры.
- Нажмите на YouTube или перетащите его в любое место на сайте.
- Нажмите Изменить видео.
- Вставьте URL видео в поле Добавьте ссылку на нужное видео:
- Нажмите переключатель Автопроигрывание, чтобы установить, будет ли ваше видео воспроизводиться автоматически:
- Включено: видео автоматически воспроизводится без звука. Посетители могут включить звук вручную.
- Отключено: видео не воспроизводится автоматически.
- Нажмите переключатель Воспроизвести по циклу, чтобы установить, будет ли ваше видео воспроизводиться по циклу.
- Включено: видео воспроизводится непрерывно.
- Отключено: видео воспроизводится только один раз.
- Введите описание видео в разделе О чем это видео?.
- Опубликуйте сайт.
- Наименьший размер плеера, который вы можете добавить на сайт, — 320 на 180 пикселей. Это связано с тем, что из-за ограничений YouTube невозможно отобразить элементы управления звуком на плеерах меньшего размера.
- При добавлении собственного видео с YouTube убедитесь, что в настройках видео в YouTube:
- Видео открыто.
- Установите флажок Разрешить встраивание.
Источник: support.wix.com
Как добавить видео на сайт с помощью HTML и тэга video
Как добавить видео с YouTube
Для того, чтобы добавить на сайт видео с сервиса YouTube, нужно вставить HTML-код этого видео в текстовый блок. Разберем этот процесс подробнее:
Для начала нужно создать новый текстовый блок или редактировать уже существующий.
Перейдите в панели администрирования на страницу, на которую вы хотите вставить видео.
Для того, чтобы создать текстовый блок, на вкладке «макет» нажмите правой кнопкой на нужное размещение (как правило, это «content») и выберите «добавить текстовый блок»
Для того, чтобы отредактировать существующий блок, кликните на него на макете левой кнопкой мыши, или правой с последующим выбором «редактировать»
Как вставить видео с youtube на сайт
Перейдите на вкладку YouTube с нужным видео (или откройте, если она еще не открыта). Нажмите кнопку «поделиться». Выберите вариант «HTML-код». Выделите код в окошке и скопируйте его комбинацией клавиш Ctrl+C или мышью — правой кнопкой и «копировать»
Вернитесь во вкладку с редактированием текстового блока. В визуальном редакторе нажмите «источник». Не пугайтесь, это внутреннее представление текста на вашем сайте — HTML-код. На первый взгляд он кажется непонятным, но посмотрев внимательнее, вы обнаружите, что он по сути повторяет текст, с добавлением некоторый служебной информации — HTML-тегов, которые указывают вашему браузеру, как нужно форматировать текст — абзацы, списки, полужирный шрифт, цвет и т.д. Подробнее об HTML-тегах вы можете узнать на сайте webref.ru.
Сейчас нам важно другое — то видео, которое мы собираемся вставить, тоже описывается определенным тегом. И сейчас нам нужно определить, куда мы будем его вставлять.
Как правило, это либо в конец текста, либо между закрывающим тегом абзаца
и открывающим тегом нового абзаца
. В любом случае, если поиск места вставки вызывает затруднения, рекомендуем выбрать один из вариантов:
Вставить видео в конец текста источника
Создать новый текстовый блок и вставить видео туда
Изучить документацию про HTML на сайте webref.ru
Итак, мы нашли место для вставки. Вставьте скопированный с YouTube код туда.
Обратите внимание на участки width=». «, height=». » во вставленном фрагменте. Вы можете поменять значения на нужную вам ширину и высоту видео соответственно. При этом просто числа буду соответствовать пикселям, а числа со знаком процента (работает только для ширины) — процентам от ширины контентной части.
Также размеры видео-окна можно поменять и через визуальные настройки. Выйдите из HTML-режима повторным нажатием кнопки «Источник». Вы увидите рамку с подписью «IFRAME» — здесь на сайте появится видео. Нажмите на эту рамку правой кнопкой мыши и выберите «Свойства iFrame».
Здесь вы можете задать ширину и высоту окна видео. При указании числа, размеры будут измеряться в пикселах. Ширину также можно задавать в процентах, указывая после числа знак процента (например, «100%»).
Вы можете задать свой вопрос, заполнив форму ниже
Источник: volumnet.ru
Как вставить видео с YouTube в WordPress
Здравствуйте, друзья! В прошлых уроках мы узнали с вами как сменить шаблон сайта на WordPress и как добавлять картинки в запись или страницу. В этом уроке я покажу как вставить видео с YouTube в WordPress.
Добавить видео с YouTube достаточно легко, для этого нужно:
1. На страничке с видео на YouTube переходим под видео на вкладку Поделиться.
2. Нажимаем по HTML-код.
3. Копируем всю строчку кода.
Так же у вас есть возможность выбрать размер видео (4), и убрать или поставить галочку если хотите показывать похожие видео после завершения просмотра (5).
Как добавить видео с YouTube в WordPress
6. Далее открываем страницу или запись на которую ходим вставить видео с YouTube и переходим на вкладку Текст.
7. Вставляем скопированный код с YouTube (в пункте 3 мы его скопировали).
Выбор вкладки Текст и вставка кода с YouTube
8. Для сохранения нажимаем Обновить если страница уже была создана, или Опубликовать если страница новая.
Поздравляю, мы успешно вставили видео с YouTube на страницу сайта WordPress. Размеры видео можно изменить перейдя в вкладку Текст и изменить параметры фрейма. Свойство width — отвечает за ширину видео, а height — за высоту.
Если у вас остались вопросы, задавайте их в комментариях.
Здравствуйте, друзья! В прошлых уроках мы узнали с вами как сменить шаблон сайта на WordPress и как добавлять картинки в запись или страницу. В этом уроке я покажу как вставить видео с YouTube в WordPress. Добавить видео с YouTube достаточно легко, для этого нужно: 1. На страничке с видео на YouTube переходим под видео на вкладку Поделиться. 2. Нажимаем по HTML-код.
3. Копируем всю строчку кода. Так же у вас есть возможность выбрать размер видео (4), и убрать или поставить галочку если хотите показывать похожие видео после завершения просмотра (5). 6. Далее открываем страницу или…
Обзор
Проголосуйте за урок
Оценка
Итог : Уважаемые читатели! Если вам понравилась статья не поленитесь проголосовать и оставить комментарий, ведь так я смогу понять полезность уроков и статей, и улучшить их качество в будущем. Заранее спасибо!
Источник: wp-lessons.com