Главная Сгенерировать код для youtube

Вставить видео с youtube на сайт

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

Размещение видео через (iframe)

Легче всего вставить видео с Youtube на сайт в html при помощи кода. Он располагается под каждым роликом на хостинге. Однако, в таком виде, как он там дается, использовать код нельзя, над ним придется немного доработать. Фрейм – это элемент, при помощи которого можно отображать содержимое других интернет-страниц на своем сайте. Оно будет появляться в дочернем окне.

Содержимое другой страницы загружается с тегом (iframe), у которого есть свои атрибуты:

  • длина дочернего окна (width);
  • высота дочернего окна (height);
  • путь к месту, где располагается файл (src);
  • рамка вокруг дочернего окна – тут можно выбрать два варианта: 0 – ее отсутствие, 1 – отображение (frameborder);
  • полноэкранное воспроизведение (allowfullscreen).

Вставить видео Ютуба сайт (html) при помощи кодов фрейма можно даже с минимальными знаниями. Важно лишь, чтобы основное окно и дочернее были соразмерны. При необходимости можно подправить текст кода. Как правило, его располагают между тегами (div) и (body).

Размещение видео через тег (object)

Проигрывать видео прямо на странице можно при помощи атрибутов тега (video):

  • вы можете выставить автовоспроизведение сразу после загрузки сайта (autoplay);
  • панель управления проигрывателем можно включить при помощи controls;
  • после завершения ролика может установить его автоматическое повторение командой loop;
  • на случай сбоя воспроизведения или на время загрузки ролика можно выставить изображение poster;
  • альтернативой автовоспроизведению может стать предварительная загрузка preload.

В этом случае, перед тем как вставить видео на сайт html, придется его сконвертировать в несколько форматов, из которых браузер будет выбирать подходящий. Заранее ознакомьтесь с технической документацией по html для разных браузеров, чтобы максимально охватить аудиторию, выходящую в интернет с разного программного обеспечения.