Используем элемент Iframe
Что такое Iframe?
Iframe (сокр. от Inline Frame) - кадр в кадре. Компонент HTML элемента, позволяет встраивать контент в веб-страницу.
Компонент Iframe дает возможность включать часть содержимого из другого источника.
Элемент рассматривают как часть контента, а не, как часть сайта.
Используем элемент Iframe
Синтаксис
<iframe>...</iframe>
Атрибуты
align - определяет выравнивание по краю и способ обтекания текстом.
allowtransparency - устанавливает прозрачный фон фрейма, через который виден фон страницы.
frameborder - отображение границы вокруг фрейма или ее отсутствие.
height - высота фрейма.
hspace - горизонтальный отступ до окружающего контента.
marginheight - отступ сверху и снизу от содержания до границы фрейма.
marginwidth - отступ слева и справа от содержания до границы фрейма.
name - имя фрейма.
sandbox - позволяет задать ряд ограничений на загружаемый контент.
scrolling - способ отображения полосы прокрутки во фрейме.
seamless - определяет, что содержимое фрейма должно отображаться так, словно оно является частью документа.
src - путь к файлу, загружаемого содержимого.
srcdoc - хранит содержимое фрейма непосредственно в атрибуте.
vspace - вертикальный отступ до окружающего контента.
width - ширина фрейма.
Также для этого тега доступны универсальные атрибуты и события.
Пример
Код:
<iframe src="https://www.youtube.com/watch?v=GT77G1loHsI" width="680" height="480" allowfullscreen></iframe>
Результат:
Источник: