Задача: Нам нужно вставить видео с rutube в определённое место нашего уже готового урока. Для примера будем вставлять его в конец урока на место, указанное стрелкой:

rutube_01

Шаг 1. Для того, чтобы наверняка и без ошибок найти нужное нам место в исходном коде мы временно добавим в то место, куда хотим вставить видео, абзац с какими-либо заметными символами. Для этого переходим в режим "Настройки"

rutube_02

 
Шаг 2: В режиме редактирования урок делаем абзац с заметными символами, например, звёздочками:

rutube_03

 
Шаг 3: Перейдём в режим исходного кода. Для этого в верхней панели выбираем меню "Инструменты", в выпадающем меню раздел "Исходный код":

rutube_04

 
Шаг 4: Перед нами исходный код страницы. Будьте внимательны, не внесите случайно изменений в другие элементы. Ищем наш "заметный" текст, чтобы понять, куда именно здесь вставить наше видео. Когда нашли добавим по пустому абзацу до и после этого места, чтобы было удобно. В исходном коде страницы пустые абзацы в любом количестве без каких-либо символов ничего не меняют:

rutube_05

 
Шаг 5: В соседнем окне переходим к тому видео, которое мы хотим добавить на RuTube. Щёлкаем на шестерёнку внизу видео, в открывшемся меню выбираем пункт "Ещё" с пиктограммой три точки:

rutube_06

 
Шаг 6: В открывшемся меню нажимаем на пункт "Скопировать код для вставки плеера". При нажатии ничего не происходит, а код просто попадает в буфер обмена, и теперь его можно вставить в наш код:

rutube_07

 
Шаг 7: Возвращаемся к окну с кодом нашего урока. Вместо нашего временного абзаца со звёздочками теперь мы вставим этот код. Удаляем весь абзац от <p> до </p>. На его место вставляем код из буфера обмена при помощи сочетания клавиш Ctrl + V или любым другим образом, каким вы обычно делаете вставку скопированного текста. 

rutube_08

 
Шаг 8: На его место вставляем код из буфера обмена при помощи сочетания клавиш Ctrl + V или любым другим образом, каким вы обычно делаете вставку скопированного текста. Далее нажимаем "Сохранить" внизу окна редактирования. 

rutube_09

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

rutube_10

Шаг 10: Сохраняем наши изменения и переходим к получившемуся уроку, чтобы убедиться, что всё вставилось как надо. Для этого внизу экрана нажимаем кнопку "Сохранить и показать":

rutube_11

Итог: Надеюсь, у Вас всё получилось и видео отлично вставилось в шаг именно в то место, в которое было нужно. 

rutube_12

Last modified: Thursday, 26 June 2025, 1:00 PM