Видеоурок

В видеоролике показываем примеры размещения видео с помощью вставки html-кода с видеохостингов Youtube и Rutube.

  Как встроить видео с видеохостинга

Для вставки видео с помощью html-кода:

• Откройте страницу видеохостинга, например Youtube, с видеороликом;
• Нажмите кнопку Поделиться ;
• Выберите вариант Встроить ;
• Скопируйте полученный код;
• Вставьте его на страницу одним из способов:
  • Первый способ: откройте страницу на редактирование в режиме HTML-кода ;
  • Второй способ: откройте визуальный редактор и переключите его в режим Визуальный редактор может работать в двух режимах. Визуальный режим - более простой и интуитивно понятный вариант. Мы сразу видим, как будут выглядеть элементы на странице. Второй вариант - режим исходного кода.
    
    Подробнее... редактирования исходного кода.

Код вставки видео может выглядеть так:

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

При необходимости поменяйте размеры окна видео изменив значения высоты (height) и ширины (width) прямо в коде, или открыв свойства видео в визуальном редакторе (в визуальном режиме). Если устанавливаете размеры вручную, не забудьте соблюсти пропорцию сторон, иначе в окне появятся черные полосы по краям.