Размещение видеороликов с YouTube в ресурсах курса

1. Вариант 1

Для реализации этого варианта отображения видеоролика надо на странице YouTube с вашим видеороликом найти и нажать кнопку "Поделиться" (см. рис. 1).

Рис. 1. Кнопка "Поделиться"

При ее нажатии открывается информация с URL-адресом новой ссылки на ролик (см. рис. 2).

Рис. 2. URL-адрес ссылки

Выделяем в тексте редактируемого нами ресурса фрагмент текстовой строки, который мы хотим сделать ссылкой на видеоролик, например:

Текст, который мы хотим сделать ссылкой

В инструментальной панели редактора нажимаем кнопку "Вставить/редактировать ссылку" (см. рис. 3).

Рис. 3. Кнопка редактора "Вставить/редактировать ссылку"

В открывшейся форме (рис. 4) в поле "Адрес ссылки" вводим адрес ссылки, выделенный и скопированный в соответствующем поле на рис. 2.

Рис. 4. Форма ввода адреса ссылки.

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

Рис. 5. Видеоролик, внедренный в страницу нашего ресурса

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

2. Вариант 2

Еще один вариант отображения в ресурсе курса видеоролика с сайта YouTube состоит в следующем.

Для формирования в ресурсе ссылки на видеоролик следует на странице YouTube с вашим видеороликом найти и нажать кнопку "Поделиться" (см. рис. 1).

Рис. 1. Кнопка "Поделиться"

В открывшейся странице найти и выбрать вкладку "HTML-код" (см. рис. 2).

Рис. 2. Кнопка для выбора вкладки "HTML-код"

В поле с HTML-кодом на открывшейся вкладке нужно выделить и скопировать часть HTML-кода, находящуюся между кавычками, как это показано на рис. 3. То есть выделить и скорировать подстроку "https://www.youtube.com/embed/xLPkcZpzOIo" (при этом сами кавычки копировать не нужно).

Рис. 3. Выделение и копирование подстроки с URL-адресом ссылки

Выделяем рисунок, который мы хотим сделать ссылкой на видеоролик

В инструментальной панели редактора нажимаем кнопку "Вставить/редактировать ссылку" (см. рис. 4).

Рис. 4. Кнопка редактора "Вставить/редактировать ссылку"

В открывшейся форме (рис. 5) в поле "Адрес ссылки" вводим адрес ссылки, выделенный и скопированный в поле на рис. 3.

Рис. 5. Форма ввода адреса ссылки.

Теперь при щелчке по рисунку, к которому привязана ссылка, видеоролик открывается, заполняя все пространство текущей страницы.

Если при настройке ссылки (см. рис. 5) в поле "Цель" указать значение "Открыть в новом окне(_blank)", то видеоролик откроется уже не на текущей странице, а в новом окне, занимая все его пространство, как это сделано в рисунке-ссылке ниже

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

3. Вариант 3

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

Рис. 1. Страница YouTube с видео роликом

Ссылка, по которой открывается эта страница имеет вид

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

надо выделить это изображение

и затем в инструментальной панели редактора нажать кнопку "Вставить/редактировать ссылку" (см. рис. 2).

Рис. 2. Кнопка редактора "Вставить/редактировать ссылку"

В открывшейся форме (рис. 3) в поле "Адрес ссылки" необходимо ввести адрес ссылки вашего ролика.

Рис. 3. Форма ввода адреса ссылки.

Получим следующую картинку

Щелкнув по этой картинке увидим открывшуюся страницу с видеороликом, представленным на рис. 1.

Можно обратить внимание на то, что страница YouTube с видеороликом открывается в текущей странице вашего браузера, замещая собой содержание этой страницы. Это не всегда удобно при работе с конкретным ресурсом. Часто для выполнения работы препочтительнее, когда содержание ресурса и видеоролик отображаются в разных окнах.

В  том случае, когда вы хотите, чтобы видеоролик открывался в другом окне (в другой вкладке браузера), не замещая страницу, на которой приведена ссылка на него, следует в форме настройки ссылки (рис. 4) в поле "Цель" выбрать пункт "Открыть в новом окне (_blank)" (рис. 4).

Рис. 4. Настройка открытия видеоролика по ссылке в новом окне (в новой странице-вкладке) браузера

Картинка со ссылкой на видеоролик будет выглядеть в этом случае точно также

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

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