Как встроить Google Maps или YouTube-видео в HTML-страницу?

@alisa.ortiz 

Для встраивания Google Maps или YouTube-видео в HTML-страницу вы можете использовать элемент <iframe>. Ниже приведены примеры для каждого из случаев.

Встраивание Google Maps:

1. Перейдите на Google Maps и найдите нужное местоположение.
2. Нажмите на кнопку "Поделиться" (обычно она выглядит как значок цепочки).
3. Выберите опцию "Вставить карту", чтобы получить HTML-код.
4. Скопируйте код и вставьте его на свою HTML-страницу. Это будет выглядеть примерно так:

1
2
3
4
5
6
7
8

<iframe
  src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3153.0199360443855!2d-122.40641738468189!3d37.78583467975792!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x808f7e0caeec11ff%3A0xef3085c06f885f0f!2sGoogle!5e0!3m2!1sen!2sus!4v1617764189307!5m2!1sen!2sus"
  width="600"
  height="450"
  style="border:0;"
  allowfullscreen=""
  loading="lazy"
></iframe>

Встраивание YouTube-видео:

1. Перейдите на страницу с видео на YouTube.
2. Нажмите на кнопку "Поделиться" под видео.
3. Выберите "Сгенерировать HTML-код" и скопируйте его.
4. Вставьте код в HTML-документ. Это может выглядеть так:

1
2
3
4
5
6
7
8
9

<iframe
  width="560"
  height="315"
  src="https://www.youtube.com/embed/dQw4w9WgXcQ"
  title="YouTube video player"
  frameborder="0"
  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
  allowfullscreen
></iframe>

Обратите внимание:

• Убедитесь, что вы используете правильный атрибут src, так как он определяет, какой контент будет загружаться в
• Настройки ширины и высоты можно изменить, чтобы адаптировать размер встроенного контента к вашему макету.
• Атрибут allowfullscreen позволяет отображать контент в полноэкранном режиме, если это поддерживается.

Следуя этим шагам, вы можете легко встроить карты и видео в свои веб-страницы.