Как вставить видео с Ютуба на любой сайт: подробная инструкция

Привет, друзья!

Если бы у нас было бесконечное количество деталек Lego в детстве, то мы бы ограничивались только нашей фантазией. То же самое происходит и при написании кода веб-страницы – только знания синтаксиса и фантазия может нас остановить. Если же у вас с воображением все прекрасно, и вы просто расширяете свои познания в возможностях HTML, то вы пришли куда надо! Сегодня, друзья, я поведаю вам, как в html вставить видео с Youtube.

Что же такое html-код, а еще интересней «зверь» HTML 5?

Не отдаляясь от аналогии с Lego, при помощи HTML мы можем создать любое творение, припаяв любые свистелки, которые нам интересны. Как все знают, фактически любой медиа-контент при знании нужных команд можно разместить на своей странице. Видеозаписи – не исключение. Кстати, HTML 5 – мощный инструмент для создания сетевых страниц.

Для добавления видеоконтента в HTML 5 мы можем выбирать любой удобный нам способ. Самый надежный – это загрузить видео на сервер и вставить его в код. Но как известно, большинство людей сейчас для этого используют переадресацию на сторонние сервисы. Почему? Все очень просто. Далеко не каждый сайт имеет возможность вмещать в себе видеоролики, ибо качественные записи занимают много места, а чаще всего все пространство, доступное на сервере, уходит на поддержку самого сайта.

Самая известная видеоплатформа в мире

Итак, когда мы говорим о сторонних видеоагрегаторах, то что нам первым приходить на ум? Правильно, Ютуб!

Действительно, более удобной и универсальной платформы для размещения видеозаписей не найти. Поэтому очень удобным свойством является прямое встраиваемое размещение видеозаписей с Ютуба. Администрация сайта к этому относится очень лояльно, так что вам не придется для размещения видео на странице танцевать с бубном – вам достаточно вставить несколько строчек кода.

Для получения кода конкретного видео вам достаточно зайти на страницу с роликом, нажать под ним кнопку «Поделиться», далее – «Вставка». Если взять за пример мой ролик «Как зарабатывать на видео», то HTML-код выглядит так:

<iframe width="560" height="315" src="https://www.youtube.com/embed/NP-_x8XlR-M" frameborder="0" allowfullscreen></iframe>

Как видите, нет ничего сложного. Хотите узнать больше интересной информации? – Подписывайтесь на обновления блога и делитесь ссылкой на статью, если она была вам полезной.

Всем пока!