# kak vstavit video v urok

Источник: https://docs.emdesell.ru/nastroika-servisa/uroki/kak-vstavit-video-v-urok

***

[Видео по настройке ДЗ](https://docs.emdesell.ru/nastroika-servisa/uroki/video-po-nastroike-dz-v-uroke.md) <--- [Как вставить видео в урок](https://docs.emdesell.ru/nastroika-servisa/uroki/kak-vstavit-video-v-urok.md) ---> [Как сделать кнопку](https://docs.emdesell.ru/nastroika-servisa/uroki/kak-postavit-knopku-kupit.md)

***

# Как вставить видео в урок

В этом разделе инструкций рассмотрим следующие вопросы:

* Как загрузить видео для урока в школу;
* Как создать папку для видео;
* Как настроить заставку для видео;
* Как вставить загруженное видео в урок;
* Как оплатить тариф хранилища для видео.

***

# Видео инструкция

https://kinescope.io/bHkT4YVPwjTeGnrVqC9p1B

<details>

<summary>Текстовая версия видео</summary>

Как загрузить видео в видеохранилище и вставить его в урок, а также как копировать урок, отключать в копии домашнее задание и отмечать уроки завершенными. Результат: видео воспроизводится у ученика прямо в уроке.

#### Копирование урока

1. `0:07` Откройте раздел **Уроки** и создайте копию нужного урока.
2. `0:17` Введите название копии, например «Урок 2», содержимое оставьте без изменений и нажмите **Создать урок**.
3. `0:17` Вернитесь в курс и обновите страницу. В колонке **Задание** значок показывает статус домашнего задания: галочка означает, что домашнее задание одобрено, карандаш — что оно не одобрено.
4. `0:42` Чтобы создать урок без домашнего задания, в копии снимите галочку **Домашнее задание**, назовите урок, например, «Урок 4», и нажмите **Создать урок**.
5. `0:52` Обновите страницу курса. Напротив урока без домашнего задания в колонке **Задание** стоит прочерк.

#### Статус урока у ученика

6. `1:11` Ученик может отметить урок как завершенный: нажмите значок **Отметить как завершенный (для себя)** в правом верхнем углу урока.
7. `1:17` После этого появляется сообщение «Урок отмечен как завершенный», а в курсе напротив урока отображается галочка «Завершено».
8. `1:29` Администратор может перейти к редактированию урока кнопкой с карандашом в правом верхнем углу урока.

#### Загрузка видео в видеохранилище

9. `1:42` Откройте раздел **Видео хранилище**. Видеохранилище тарифицируется отдельно. Для тестирования на баланс сразу начисляется 50 руб.
10. `1:51` Баланс хранилища и стоимость услуг отображаются на вкладке **Потребление**.
11. `1:56` На вкладке **Хранилище** нажмите **Выбрать видео для загрузки** и выберите видеофайл. После загрузки файл получает статус **Обработка**.
12. `2:06` Во время обработки видео конвертируется в несколько форматов разрешения, например 480, 720 и 1080 — в зависимости от качества исходной записи.
13. `2:23` При просмотре качество подстраивается под скорость интернета ученика: при слабом соединении воспроизводится видео меньшего разрешения, при хорошем — большего. Так видео не тормозит.
14. `2:48` Обновите страницу браузера, чтобы увидеть, что файл обработан.
15. `3:02` Чтобы поменять заставку, нажмите на видео, чтобы открыть его превью. По умолчанию заставка выбирается автоматически.
16. `3:07` Нажмите кнопку редактирования (значок карандаша) в строке видео и загрузите изображение заставки. Размер заставки — 1280×720.

#### Вставка видео в урок

17. `3:44` Откройте урок в разделе **Уроки**. В редакторе содержимого урока нажмите кнопку **Видео хранилище**.
18. `3:52` В окне **Видео хранилище** выберите загруженный файл. Он сразу добавляется в содержимое урока. В редакторе видео отображается без предпросмотра.
19. `4:05` Нажмите **Сохранить изменения**, затем **Посмотреть урок**. Видео открывается и воспроизводится у ученика прямо в уроке.

#### Потребление и баланс

20. `3:29` Стоимость кодирования, хранения и CDN-трансляции отображается на вкладке **Потребление**. Хранение и CDN-трансляция тарифицируются на следующий день. CDN — это трафик, который расходуется, когда ученик смотрит видео.
21. `4:22` Пока видео не использовалось, данных о потреблении на вкладке **Потребление** нет.
22. `4:29` Пополнение хранилища выполняется отдельно, в разделе оплаты и тарифов. Следите за балансом, чтобы видео не пропало: при отрицательном балансе видео перестает отображаться, новые видео нельзя загрузить, а если отрицательный баланс сохраняется 7 дней, все видео удаляются.

#### Папки и порядок уроков

23. `5:03` Чтобы упорядочить видео, в разделе **Видео хранилище** введите название папки, например «Курс 1», и нажмите **Создать папку**.
24. `5:03` Перетащите видеофайл в папку.
25. `5:20` При добавлении видео в урок откройте эту папку в окне **Видео хранилище** и выберите файл внутри нее.
26. `5:37` Чтобы изменить порядок уроков, захватите урок мышью и перетащите его на нужное место (drag and drop).

</details>

***

# Инструкция

**Рассмотрим на примере загрузки одного видео файла в школу**.

****

## Раздел видео хранилище

Для начала необходимо чтобы формат оригинального видео был в **формате .mp4**.

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

Все видео должны быть подготовлены и собраны в одном месте, для удобного дальнейшего переноса в школу.

Также, на **балансе** видео хранилища в качестве бонуса есть 50 рублей, которые можно использовать без дополнительного пополнения баланса.

Но, перед добавлением всех своих видео файлов в данный раздел, нужно убедиться в том, что Баланс пополнен на ту сумму, которая необходима для всех файлов загружаемых видео в кабинет школы.

***

**Важно!**

Перед загрузкой всех видео файлов рекомендуем перейти к разделу **расчет хранилища** по [ссылке](https://docs.emdesell.ru/nastroika-servisa/video-khranilishe.md#raschet-stoimosti-khranilisha.), чтобы предварительно выполнить расчет по всем видео файлам и пополнить баланс.

***

Далее переходим в кабинет школы в роли администратора

![](https://docs.emdesell.ru/.assets/03-uroki/vstavka-video/1.png)

И переходим в раздел **Видео**

![](https://docs.emdesell.ru/.assets/03-uroki/vstavka-video/2.png)

***

## Создаем папки в разделе

Далее необходимо создать отдельную папку, для первого курса в школе.

Рекомендуем создавать папки в этом разделе для каждого курса школы, чтобы после загрузки всех видео не возникало путаницы в видео файлах.

Создадим в этом примере папку **Курс 1**.

Для этого введем в поле названия папки - *Курс 1* и нажмем кнопку **Создать папку**

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_17-41-43.png" alt=""><figcaption></figcaption></figure>

Таким образом, появится новая папка *Курс 1* в этом разделе.

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_17-42-49.png" alt=""><figcaption></figcaption></figure>

Если необходимо создать еще одну папку, которая будет находится внутри этой папки, то для этого нужно перейти двойным кликом в папку *Курс1*

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_17-43-42.png" alt=""><figcaption></figcaption></figure>

И далее создать папку таким же способом, как создали ранее.

Допустим, в данном курсе будут модули.

Создадим еще одну папку *Модуль 1* внутри папки *Курс 1*.

Далее переходим в папку *Модуль 1*, двойным кликом по ней.

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_17-49-32.png" alt=""><figcaption></figcaption></figure>

***

## Загрузка видео в видео хранилище

Далее нажимаем кнопку **выбрать видео для загрузки**, чтобы загрузить видео файл в эту папку

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_17-54-37.png" alt=""><figcaption></figcaption></figure>

В открывшемся окне выбираем видео файл для загрузки и нажимаем **открыть**

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_17-55-45.png" alt=""><figcaption></figcaption></figure>

После этого видео файл загрузится в выбранную папку раздела Видео хранилище

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_18-30-51.png" alt=""><figcaption></figcaption></figure>

Обратите внимание, что в столбце **размер** будет статус видео **Обработка**.

Это означает, что видео проходит обработку в школе.

В обработку видео файла входит **drm шифрование** видео.

**DRM (Digital Rights Management)** — это технология, которая защищает цифровой контент, в том числе видео, от несанкционированного копирования, распространения и использования.

Если видео короткое (то есть небольшого объема: веса и длительности), то это происходит быстро, если объем видео большой, то на обработку может потребоваться чуть больше времени, чем обычно.

Далее, необходимо нажать обновить на вкладке браузера или сочетанием клавиш ctrl+F5, чтобы обновилась страница в школе и появится размер видео

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_18-34-07.png" alt=""><figcaption></figcaption></figure>

Это означает, что видео файл обработан и готов к работе в уроке школы.

***

## Редактирование видео

Далее сделаем редактирование загруженного видео, а именно, отредактируем **название** видео и установим картинку для **заставки** видео.

В том же разделе и папке, где загружено видео, нажимаем на кнопку **карандашик**, для редактирования названия видео

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_18-40-43.png" alt=""><figcaption></figcaption></figure>

Далее появляется возможность отредактировать название видео

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_18-41-28.png" alt=""><figcaption></figcaption></figure>

Вводим новое название для видео

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_18-42-03.png" alt=""><figcaption></figcaption></figure>

И сделаем загрузку картинки для заставки видео.

Для этого нажмем на иконку слева от редактирования названия урока

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_18-43-10.png" alt=""><figcaption></figcaption></figure>

После нажатия по иконке слева от названия видео, появляется окно загрузки картинки для заставки видео.

Выбираем необходимую картинку для загрузки двойным кликом на своем устройстве

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_18-44-59.png" alt=""><figcaption></figcaption></figure>

И нажимаем на зеленую галочку справа от названия урока

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_18-46-17.png" alt=""><figcaption></figcaption></figure>

Таким образом, сохранили изменения в названии и заставке урока

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_18-47-31.png" alt=""><figcaption></figcaption></figure>

**Удалить** видео файл можно по красной кнопке **Корзина**

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_18-48-39.png" alt=""><figcaption></figcaption></figure>

**Переместить** видео файл в другую папку, например, в корневую папку *Курс 1*, можно по синей кнопке **со стрелочками**

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_18-49-18.png" alt=""><figcaption></figcaption></figure>

После нажатия по кнопке для перемещения видео, появится окно, где можно будет выбрать другую папку, куда необходимо переместить видео.

Для этого достаточно будет просто нажать на эту папку

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_18-50-52.png" alt=""><figcaption></figcaption></figure>

***

## Вставка видео в урок

Для того чтобы вставить видео в урок нужно перейти в раздел **уроки**

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_18-52-29.png" alt=""><figcaption></figcaption></figure>

Далее, перейти в список уроков необходимого курса по кнопке **глазик** или создать новый урок по кнопке **создать новый урок**

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_18-53-39.png" alt=""><figcaption></figcaption></figure>

В этом примере перейдем в список уроков курса 1

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_18-54-50.png" alt=""><figcaption></figcaption></figure>

Далее перейдем в редактирование урока 1

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_18-55-49.png" alt=""><figcaption></figcaption></figure>

В редактировании урока переходим к разделу настроек **Содержимое урока**

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_18-57-09.png" alt=""><figcaption></figcaption></figure>

Далее нажимаем на кнопку **видео хранилище** в панели содержимого урока

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_18-58-10.png" alt=""><figcaption></figcaption></figure>

Далее появится новое окно **видео хранилище**

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_18-59-26.png" alt=""><figcaption></figcaption></figure>

В котором нужно будет перейти (по одному клику) внутрь папки *курс 1*, и в папку *Модуль 1*, где находится видео файл *Урок 1*

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_19-00-55.png" alt=""><figcaption></figcaption></figure>

Далее, нужно будет нажать на видео файл *Урок 1*

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_19-01-26.png" alt=""><figcaption></figcaption></figure>

Таким образом, вставка видео в содержимое урока будет выполнена

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_19-01-56.png" alt=""><figcaption></figcaption></figure>

Далее сохраняем изменения в уроке по кнопке **сохранить изменения**.

Это можно сделать внизу страницы редактирования урока

![](https://docs.emdesell.ru/.assets/03-uroki/vstavka-video/3.png)

Либо, сохранить урок можно по кнопке **сохранить** в верхней части страницы редактирования урока

![](https://docs.emdesell.ru/.assets/03-uroki/vstavka-video/4.png)

Далее проверяем отображение видео в уроке и воспроизведение этого видео в плеере школы.

Для этого нужно будет перейти из этого же раздела редактирования урока в кабинет ученика по кнопке в правом верхнем углу - **посмотреть урок**

![](https://docs.emdesell.ru/.assets/03-uroki/vstavka-video/5.png)

После перехода по кнопке **посмотреть урок** можно будет посмотреть отображение видео в этом уроке школы в кабинете ученика

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_19-09-01.png" alt=""><figcaption></figcaption></figure>

По кнопке **play** (в виде треугольника) выполняем запуск и воспроизведение видео в плеере

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_19-11-45.png" alt=""><figcaption></figcaption></figure>

Видео запустилось, а это означает, что все настройки выполнены верно.

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_19-12-31.png" alt=""><figcaption></figcaption></figure>

***

## Настройки плеера для видео

Рассмотрим подробнее все настройки плеера для воспроизведения видео в уроке

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_19-35-11.png" alt=""><figcaption></figcaption></figure>

***

### Кнопка Play

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_19-37-44.png" alt=""><figcaption></figcaption></figure>

При нажатии по кнопке происходит воспроизведение видео.

И кнопка становится другой, в виде иконки **пауза**

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_19-38-59.png" alt=""><figcaption></figcaption></figure>

При нажатии по кнопке **пауза**, воспроизведение видео останавливается.

***

### Скорость

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_19-40-22.png" alt=""><figcaption></figcaption></figure>

При помощи этой настройки можно изменить скорость воспроизведения видео - как в большую сторону, так и в меньшую сторону.

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_19-41-31.png" alt=""><figcaption></figcaption></figure>

***

### Звук

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_19-42-35.png" alt=""><figcaption></figcaption></figure>

Возможность отключения звука, если кликнуть один раз по данной кнопке настройки плеера.

Также, рядом с кнопкой звука можно настроить уровень громкости звука.

***

### Громкость

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_19-44-13.png" alt=""><figcaption></figcaption></figure>

Позволяет регулировать уровень громкости в большую или меньшую сторону.

***

### Настройки

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_19-45-13.png" alt=""><figcaption></figcaption></figure>

Опция дает возможность выбрать качество воспроизведения видео, в том числе скорость воспроизведения видео.

По одному клику по опции, появляется окно настроек

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_19-46-59.png" alt=""><figcaption></figcaption></figure>

При нажатии на опцию **скорость**, также появляется окно настройки скорости

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_19-47-33.png" alt=""><figcaption></figcaption></figure>

При нажатии по опции **качество**, появляется окно выбора качества видео, а также, можно выбрать опцию **только звук**, т.е. отображение видео не будет.

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_19-48-36%20(1%29.png" alt=""><figcaption></figcaption></figure>

***

### Start Casting

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_19-50-12.png" alt=""><figcaption></figcaption></figure>

Эта опция появляется в том случае, если есть дополнительное устройство в месте пребывания, и которое поддерживает функцию.

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

Эта функция предназначена больше для удобства и работает не на всех устройствах.

***

### Картинка в картинке

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_19-54-19.png" alt=""><figcaption></figcaption></figure>

Опция позволяет вынести видео в отдельную картинку на устройстве.

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_19-56-00.png" alt=""><figcaption></figcaption></figure>

Это удобно использовать если пользователю необходимо перейти в другой сервис или сайт на своем устройстве, при этом, сохранить воспроизведение и просмотр видео на своем устройстве.

***

### Во весь экран

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_19-57-02.png" alt=""><figcaption></figcaption></figure>

Опция дает возможность развернуть на полный экран отображение видео на любом устройстве.

***

## Оплата тарифа для хранилища

Чтобы оплатить тариф хранилища необходимо перейти в раздел школы - **Оплата и Тарифы**

![](https://docs.emdesell.ru/.assets/03-uroki/vstavka-video/6.png)

Далее в разделе **видео хранилище**, нужно будет ввести сумму пополнения в строке ввода **Сумма для пополнения**

![](https://docs.emdesell.ru/.assets/03-uroki/vstavka-video/7.png)

И нажать кнопку **пополнить**

![](https://docs.emdesell.ru/.assets/03-uroki/vstavka-video/8.png)

Далее система отправит на платежную форму, где необходимо будет выбрать метод оплаты и произвести оплату.

После успешной оплаты баланс хранилища пополнится.

Проверить поступление оплаты можно в этом же разделе во вкладке - **История оплат**

![](https://docs.emdesell.ru/.assets/03-uroki/vstavka-video/9.png)

***

#### Важно: при наступлении отрицательного баланса все видео блокируются для воспроизведения в уроках школы и новые видео недоступны к загрузке. При сохранении отрицательного баланса в течение 7 дней - все видео удаляются из школы безвозвратно.

![](https://docs.emdesell.ru/.assets/03-uroki/vstavka-video/10.png)

***

Поэтому рекомендуем использовать функцию [автооплаты](https://docs.emdesell.ru/nastroika-servisa/oplata-i-tarify.md#avtooplata), с помощью которой можно привязать способ оплаты при оплате *видео хранилища* или *тарифа* школы и включить данную функцию для хранилища, чтобы баланс был всегда в плюсе, и не были утеряны все видео файлы для школы.

После первой успешной оплаты за тариф школы или за видео хранилище, при сохранении способа оплаты (т.е. привязки карты для оплат), можно перейти в этом же разделе во вкладку **Автооплаты** и настроить автоматическую оплату за тариф и видео хранилище школы.

![](https://docs.emdesell.ru/.assets/03-uroki/vstavka-video/11.png)

***

[Видео по настройке ДЗ](https://docs.emdesell.ru/nastroika-servisa/uroki/video-po-nastroike-dz-v-uroke.md) <--- [Как вставить видео в урок](https://docs.emdesell.ru/nastroika-servisa/uroki/kak-vstavit-video-v-urok.md) ---> [Как сделать кнопку](https://docs.emdesell.ru/nastroika-servisa/uroki/kak-postavit-knopku-kupit.md)

***