Как встроить видео с YouTube (с изображениями)

Оглавление:

Как встроить видео с YouTube (с изображениями)
Как встроить видео с YouTube (с изображениями)

Видео: Как встроить видео с YouTube (с изображениями)

Видео: Как встроить видео с YouTube (с изображениями)
Видео: Как включить ШАГОМЕР на телефоне SAMSUNG? 2024, Апрель
Anonim

Встраивание видео YouTube в блог или на веб-сайт позволяет вам свободно делиться видео через Интернет. Это бесплатно, и, поскольку YouTube обрабатывает видеотрафик, вам не нужно беспокоиться об управлении пропускной способностью вашего сайта. Из этой статьи вы узнаете, как встроить видео или плейлист YouTube в сообщение в блоге или в HTML-код, когда вы используете компьютер.

Шаги

Метод 1 из 2: встраивание видео

Вставить видео с YouTube, шаг 1
Вставить видео с YouTube, шаг 1

Шаг 1. Перейдите на сайт https://www.youtube.com на компьютере

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

Вставить видео с YouTube, шаг 2
Вставить видео с YouTube, шаг 2

Шаг 2. Перейдите к видео, которое хотите встроить

Найдите видео и щелкните его имя в результатах поиска.

Вставить видео с YouTube, шаг 3
Вставить видео с YouTube, шаг 3

Шаг 3. Решите, где вы хотите, чтобы встроенное видео начиналось

Если вы хотите, чтобы видео воспроизводилось с самого начала на вашем веб-сайте, вы можете перейти к следующему шагу, так как это вариант по умолчанию. Но если вы хотите, чтобы воспроизведение видео началось в определенный момент, перетащите красную точку (точку воспроизведения) в желаемое место в видео и нажмите «Пауза» (если видео еще не приостановлено). Или просто нажмите кнопку «Воспроизвести», а затем выберите «Пауза», когда дойдете до нужного места в видео.

Вставить видео с YouTube, шаг 4
Вставить видео с YouTube, шаг 4

Шаг 4. Нажмите кнопку «Поделиться»

Он находится под нижним правым углом видео. На кнопке изображена изогнутая стрелка. Опции для публикации видео будут расширяться.

Вставить видео с YouTube, шаг 5
Вставить видео с YouTube, шаг 5

Шаг 5. Нажмите «Вставить»

Это первый значок в разделе «Поделиться ссылкой», содержащий две угловые скобки. Это отображает код встраивания для видео.

Вставить видео с YouTube Шаг 6
Вставить видео с YouTube Шаг 6

Шаг 6. Выберите варианты встраивания

  • По умолчанию видео начнется с самого начала. Если вы выбрали другую начальную точку, установите флажок «Начать с». Правильное время появится в соответствующем поле.
  • Чтобы отображать элементы управления проигрывателем (например, возможность приостанавливать или пропускать вперед) во встроенном видео, установите флажок «Показать элементы управления проигрывателем».
  • Установите флажок «Включить режим повышенной конфиденциальности», если вы хотите запретить YouTube отслеживать посетителей вашего веб-сайта, которые не нажимают на видео.
Вставить видео с YouTube, шаг 7
Вставить видео с YouTube, шаг 7

Шаг 7. Щелкните ссылку КОПИРОВАТЬ

Он находится в правом нижнем углу окна. Это скопирует код внедрения в буфер обмена.

  • Код будет выглядеть примерно так:

Вставить видео с YouTube, шаг 8
Вставить видео с YouTube, шаг 8

Шаг 8. Откройте HTML-редактор вашей веб-страницы

HTML - это тип кода, который используется для создания веб-сайтов, а код встраивания на YouTube предназначен для вставки в код и отображения видео без каких-либо изменений. Многие веб-сайты для ведения блогов также позволяют вставлять видео прямо в сообщение, не меняя код своего веб-сайта.

  • Сообщения в блоге:

    Начать новый пост. На панели инструментов над сообщением щелкните ссылку «HTML» (или аналогичную). Это отобразит код вашего сообщения, но сохранит код вашего веб-сайта.

  • Веб-сайт:

    Найдите файлы HTML для своего веб-сайта. Вы можете редактировать их с помощью текстового редактора, такого как Блокнот или TextEdit на Mac. Вы также можете редактировать их с помощью редактора HTML, такого как Adobe Dreamweaver. Когда вы закончите редактировать файлы HTML, вам нужно будет загрузить файлы на свой сервер вручную или с помощью FTP.

Вставить видео с YouTube, шаг 9
Вставить видео с YouTube, шаг 9

Шаг 9. Найдите в HTML, где вы хотите разместить видео

Поскольку любые введенные вами слова будут отображаться в HTML, вы можете использовать текст, чтобы определить, где на странице будет размещаться ваше видео. Например, если я написал сообщение «Посмотрите мое новое видео», именно эти слова появятся где-то в HTML-коде.

Вставить видео с YouTube, шаг 10
Вставить видео с YouTube, шаг 10

Шаг 10. Освободите место для вашего видео

Как только вы найдете, где вы хотите видео, щелкните между окружающим кодом и нажмите клавишу пробела. Почти весь код начинается с "". Обязательно поместите код для встраивания за пределы уже существующей строки кода.

  • Пример блога Wordpress: проверить мое видео здесь:

    будет читаться как Проверить мое видео здесь:

    (ВСТРОЕННОЕ ВИДЕО)

  • Вы можете создать разрыв строки после абзаца или текста в HTML, набрав

    Вставить видео с YouTube, шаг 11
    Вставить видео с YouTube, шаг 11

    Шаг 11. Вставьте видеокод в то место, куда вы хотите поместить видео

    Вы можете щелкнуть правой кнопкой мыши и выбрать Вставить или нажмите Ctrl + V (ПК) или Command + V (Mac), чтобы вставить код для встраивания.

    Вставить видео с YouTube, шаг 12
    Вставить видео с YouTube, шаг 12

    Шаг 12. Опубликуйте свои изменения

    Нажмите Сохранить изменения, Публиковать, или Почта или что-то подобное, чтобы сохранить сообщение со встроенным кодом. Просмотрите свой пост и убедитесь, что видео находится там, где вы хотите.

    Вы также можете встраивать видео в социальные сети с помощью функции «Поделиться». Если вы хотите опубликовать видео только в Facebook, Twitter, Pinterest или Tumblr, вы можете просто щелкнуть соответствующий значок в окне «Поделиться» под видео. YouTube предложит вам войти в свою учетную запись в социальной сети и автоматически встроит видео для вас

    Метод 2 из 2: встраивание плейлиста

    Вставить видео с YouTube, шаг 13
    Вставить видео с YouTube, шаг 13

    Шаг 1. Перейдите на сайт https://www.youtube.com на компьютере

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

    Вставить видео с YouTube, шаг 14
    Вставить видео с YouTube, шаг 14

    Шаг 2. Щелкните ссылку Библиотека

    Это на левой панели.

    Вставить видео с YouTube, шаг 15
    Вставить видео с YouTube, шаг 15

    Шаг 3. Нажмите ПРОСМОТРЕТЬ ПОЛНЫЙ СПИСОК воспроизведения под списком воспроизведения, который вы хотите встроить

    Ваши плейлисты находятся в разделе «Плейлисты». Если вы не видите то, что ищете на главной странице, нажмите УВИДЕТЬ ВСЕ в этом разделе, чтобы открыть полный список.

    Вставить видео с YouTube, шаг 16
    Вставить видео с YouTube, шаг 16

    Шаг 4. Откройте текстовый редактор

    Это может быть что-то вроде Блокнота для Windows или TextEdit для macOS.

    Вставить видео с YouTube, шаг 17
    Вставить видео с YouTube, шаг 17

    Шаг 5. Вставьте шаблон кода внедрения в текстовый редактор

    Код

    Чтобы скопировать этот текст, с помощью курсора мыши выделите текст, который вы хотите скопировать, а затем нажмите Ctrl + C (ПК) или Command + C (Mac) для копирования. Затем щелкните правой кнопкой мыши (или Контроль + щелкните) в окне текстового редактора и выберите Вставить наклеить.

    Вставить видео с YouTube, шаг 18
    Вставить видео с YouTube, шаг 18

    Шаг 6. Скопируйте идентификатор списка воспроизведения из адресной строки браузера

    В адресной строке в верхней части браузера вы увидите URL-адрес, который выглядит примерно так: youtube.com/playlist?list=PLrxlAuU-npiXC2clkanh8TKoKfxzym6p9. Вам просто нужно скопировать часть, которая стоит после знака равенства, в данном случае это PLrxlAuU-npiXC2clkanh8TKoKfxzym6p9.

    Чтобы скопировать этот текст, с помощью курсора мыши выделите текст, который вы хотите скопировать, а затем нажмите Ctrl + C (ПК) или Command + C (Mac) для копирования.

    Вставить видео с YouTube, шаг 19
    Вставить видео с YouTube, шаг 19

    Шаг 7. Вставьте идентификатор списка воспроизведения в код внедрения

    Идентификатор списка воспроизведения должен быть вставлен после list = в конце URL-адреса во встроенном коде. После вставки идентификатора плейлиста код будет выглядеть так:

    Для этого щелкните мышью между списком = и цитатой ". Затем нажмите Ctrl + V (ПК) или Command + V (Mac), чтобы вставить. Если появятся какие-либо посторонние пробелы, удалите их.

    Вставить видео с YouTube Шаг 20
    Вставить видео с YouTube Шаг 20

    Шаг 8. Скопируйте код внедрения в буфер обмена

    Для этого выделите все в окне текстового редактора с помощью мыши и нажмите Ctrl + C (ПК) или Command + C (Mac).

    Вставить видео с YouTube, шаг 21
    Вставить видео с YouTube, шаг 21

    Шаг 9. Откройте HTML-редактор вашей веб-страницы

    Многие веб-сайты для ведения блогов также позволяют вставлять видео прямо в сообщение, не меняя код своего веб-сайта.

    • Сообщения в блоге:

      Начать новый пост. На панели инструментов над сообщением щелкните ссылку «HTML» (или аналогичную). Это отобразит код вашего сообщения, но сохранит код вашего веб-сайта.

    • Веб-сайт:

      Найдите файлы HTML для своего веб-сайта. Вы можете редактировать их с помощью текстового редактора, такого как Блокнот или TextEdit на Mac, или в редакторе HTML, таком как Dreamweaver. Когда вы закончите редактировать файлы HTML, вам нужно будет загрузить файлы на свой сервер вручную или с помощью FTP.

    Вставить видео с YouTube, шаг 22
    Вставить видео с YouTube, шаг 22

    Шаг 10. Освободите место для видео

    Как только вы найдете, где вы хотите видео, щелкните между окружающим кодом и нажмите клавишу пробела. Почти весь код начинается с "". Обязательно поместите код для встраивания за пределы уже существующей строки кода.

    • Пример блога Wordpress: проверить мой плейлист здесь:

      будет читаться как Проверить мой плейлист здесь:

      (ВСТРОЕННОЕ ВИДЕО)

    • Вы можете создать разрыв строки после абзаца или текста в HTML, набрав

      Вставить видео с YouTube, шаг 23
      Вставить видео с YouTube, шаг 23

      Шаг 11. Вставьте код встраивания там, где должен появиться список воспроизведения

      Вы можете щелкнуть правой кнопкой мыши и выбрать Вставить или нажмите Ctrl + V (ПК) или Command + V (Mac), чтобы вставить код для встраивания.

      Вставить видео с YouTube, шаг 24
      Вставить видео с YouTube, шаг 24

      Шаг 12. Сохраните и опубликуйте свои изменения

      Нажмите Сохранить изменения, Публиковать, или Почта или что-то подобное, чтобы сохранить сообщение со встроенным кодом. Просмотрите свой пост и убедитесь, что плейлист там, где вы хотите.

      Видео - с помощью этой службы некоторая информация может быть передана YouTube

      подсказки

      • Обязательно скопируйте весь код.
      • Некоторые видео не позволяют встраивать.

Рекомендуемые: