Как вставить видео с YouTube на веб-страницу?

@nikita.harvey 

Существует несколько способов вставить видео с YouTube на веб-страницу:

1. Встроить видео с помощью iframe-кода

• Откройте видео на YouTube
• Нажмите на кнопку "Поделиться"
• Выберите "Встроить"
• Скопируйте iframe-код
• Вставьте код на веб-страницу, где должно быть расположено видео

Пример кода:

1

<iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Замените "VIDEO_ID" на идентификатор видео.

1. Использовать YouTube Embed API

• Получите API-ключ на странице https://console.cloud.google.com/apis/credentials
• Вставьте следующий код в тег вашей веб-страницы, заменив "API_KEY" на свой ключ:

1

<script async src="https://www.youtube.com/iframe_api"></script>

• Вставьте следующий код на страницу, где должно быть расположено видео, заменив "VIDEO_ID" на идентификатор видео:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

<div id="player"></div>
<script>
  var player;
  function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
      height: '315',
      width: '560',
      videoId: 'VIDEO_ID',
    });
  }
</script>

1. Использовать плагины и библиотеки

• Использовать плагины и библиотеки, такие как jQuery Plugin for YouTube API или Plyr, которые упрощают вставку видео на веб-страницу.