УЧЕБНИК
УЧЕБНИКРАЗВИТИЕ САЙТАВИДЕОРОЛИКИ ВСТАВКА ВИДЕО С YOUTUBE 2-Й СПОСОБ
ВСТАВКА ВИДЕО С YOUTUBE 2-Й СПОСОБ

НАЧАЛО ТЕМЫ

 

Практика показывает, что неподготовленному человеку часто бывает крайне неудобно читать код HTML и находить в нем необходимые места для редактирования. Это естественно, так как принцип построения кода кардинально отличается от принципа записи привычного текста.

На этот случай в системе предусмотрен второй способ вставки кода iFrame, вернее, той его части, которая представляет собой ссылку URL конкретной страницы сайта YouTube, где размещен нужный Вам видеоролик.

Переключать редактор системы в режим правки HTML-кода с помощью кнопки "Источник" в этом случае не потребуется.

 

2-Й СПОСОБ

1. На сайте YouTube откройте страницу видеоролика, который Вы хотите вставить на сайт.

Нажмите на кнопку "Поделиться" под окном видеоплеера.

2. В открывшейся панели инструментов нажмите на закладку "HTML-код".

3. Появится окно со строкой HTML-кода и кнопка "ЕЩЕ". Нажмите на эту кнопку.

4. В окне со строкой HTML-кода выделите мышью и скопируйте в буфер обмена часть кода (ссылку URL), отмеченную на скриншоте.

Задавать размеры окна перед этим не нужно.

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

Установите курсор в начало пустой строки в окне редактора.

Нажмите на кнопку iFrame на панели редактора.

6. Вставьте скопированную часть кода в поле "Ссылка".

7. Введите в соответствующие поля формы значения ширины и высоты окна в пикселах.

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


Вычисление пропорциональной высоты окна по заданной ширине

Стандартное соотношение сторон окна видео на YouTube составляет 16:9.

Пропорциональное значение высоты для выбранной ширины окна можно вычислить по простой формуле: ширина (рх)/16х9
Если в результате получается целое число, его надо ввести в поле "Высота"
Если получается нецелое число, его надо округлить до ближайшего целого и ввести в поле "Высота".

Примеры:

При ширине 1056 рх в нашем примере пропорциональное значение высоты равно 1056/16х9=594.
Следует ввести в поле "Высота" число 594.

При ширине 1060 рх пропорциональная высота будет равна 1060/16х9=596,25
В поле "Высота" следует ввести округленное до целого значение 596.

При ширине 500 рх пропорциональное значение высоты составит 500/16х9=281,25
В поле "Высота" следует округленное до целого значение 281.


Вычисление пропорциональной ширины окна по заданной высоте

Бывает, что при вставке видео важно выдержать конкретную высоту окна.

Значение ширины, пропорциональное заданной высоте, вычисляется по обратной формуле: высота (рх)/9х16
Если в результате получится нецелое число, его необходимо округлить до ближайшего целого.

Примеры:

Высота 300 рх. Пропорциональное значение ширины составит 300/9х16=533,333333...
В поле "Ширина" следует ввести округленное значение 533.

Высота 450 рх. Пропорциональное значение ширины составит 450/9х16=800.
Это целое число. Его надо ввести в поле "Ширина".

8. Для того, чтобы по окончании воспроизведения видеоролика не появлялась стандартная заставка YouTube, к ссылке URL, введенной в поле "Ссылка", справа следует добавить символы ?rel=0.

Эти символы необходимо вводить в латинской раскладке клавиатуры.

9. В поле "Выравнивание" оставьте значение по умолчанию "Не определено".

Остальные поля формы оставьте пустыми.

Нажмите на кнопку ОК.

10. Сохраните данные.

11. Так выглядит на странице сайта вставленное видео с заданными размерами окна 1056х594 рх.

12. По окончании показа видеоролика плеер YouTube автоматически возвращается к началу и переключается в режим паузы.

 

Нажмите на ссылку.

Для возврата к началу темы нажмите на кнопку ВОЗВРАТ.


+

НОВЫЙ ГОД У ВАС В САДУ! НОВЫЙ ГОД У ВАС В САДУ!
ПРИХОДИТЕ НА КОНЦЕРТ! ПРИХОДИТЕ НА КОНЦЕРТ!
НОЧНАЯ СОВА 'НОЧНАЯ СОВА'
ЛЕГЕНДА ШЕСТЬ-ОДИННАДЦАТЬ ЛЕГЕНДА 'ШЕСТЬ-ОДИННАДЦАТЬ'
ВАША ЕЛЬ - НАШИ ИДЕИ! ВАША ЕЛЬ - НАШИ ИДЕИ!
РЕДКИЙ НАБОР! РЕДКИЙ НАБОР!
ВЫ ДОЛЖНЫ ЭТО УВИДЕТЬ! ВЫ ДОЛЖНЫ ЭТО УВИДЕТЬ!
ФИНАНСОВОЕ ИСКУССТВО ДОСТУПНО КАЖДОМУ! ФИНАНСОВОЕ ИСКУССТВО ДОСТУПНО КАЖДОМУ!
ТОЛЬКО У НАС! ТОЛЬКО У НАС!
СЕРЬЕЗНАЯ ИСТОРИЯ В 6 ЧАСТЯХ СЕРЬЕЗНАЯ ИСТОРИЯ В 6 ЧАСТЯХ
НОВЫЙ ГОД У ВАС В САДУ! НОВЫЙ ГОД У ВАС В САДУ!
ЛЕГЕНДА ШЕСТЬ-ОДИННАДЦАТЬ ЛЕГЕНДА 'ШЕСТЬ-ОДИННАДЦАТЬ'
НОЧНАЯ СОВА 'НОЧНАЯ СОВА'
ВЫ ДОЛЖНЫ ЭТО УВИДЕТЬ! ВЫ ДОЛЖНЫ ЭТО УВИДЕТЬ!
СЕРЬЕЗНАЯ ИСТОРИЯ В 6 ЧАСТЯХ СЕРЬЕЗНАЯ ИСТОРИЯ В 6 ЧАСТЯХ
ФИНАНСОВОЕ ИСКУССТВО ДОСТУПНО КАЖДОМУ! ФИНАНСОВОЕ ИСКУССТВО ДОСТУПНО КАЖДОМУ!
ВАША ЕЛЬ - НАШИ ИДЕИ! ВАША ЕЛЬ - НАШИ ИДЕИ!
ПРИХОДИТЕ НА КОНЦЕРТ! ПРИХОДИТЕ НА КОНЦЕРТ!
РЕДКИЙ НАБОР! РЕДКИЙ НАБОР!
ТОЛЬКО У НАС! ТОЛЬКО У НАС!
НОВЫЙ ГОД У ВАС В САДУ! НОВЫЙ ГОД У ВАС В САДУ!
ВЫ ДОЛЖНЫ ЭТО УВИДЕТЬ! ВЫ ДОЛЖНЫ ЭТО УВИДЕТЬ!
ПРИХОДИТЕ НА КОНЦЕРТ! ПРИХОДИТЕ НА КОНЦЕРТ!
ФИНАНСОВОЕ ИСКУССТВО ДОСТУПНО КАЖДОМУ! ФИНАНСОВОЕ ИСКУССТВО ДОСТУПНО КАЖДОМУ!
ЛЕГЕНДА ШЕСТЬ-ОДИННАДЦАТЬ ЛЕГЕНДА 'ШЕСТЬ-ОДИННАДЦАТЬ'
ВАША ЕЛЬ - НАШИ ИДЕИ! ВАША ЕЛЬ - НАШИ ИДЕИ!
НОЧНАЯ СОВА 'НОЧНАЯ СОВА'
СЕРЬЕЗНАЯ ИСТОРИЯ В 6 ЧАСТЯХ СЕРЬЕЗНАЯ ИСТОРИЯ В 6 ЧАСТЯХ
ТОЛЬКО У НАС! ТОЛЬКО У НАС!
РЕДКИЙ НАБОР! РЕДКИЙ НАБОР!
НОВЫЙ ГОД У ВАС В САДУ! НОВЫЙ ГОД У ВАС В САДУ!
ЛЕГЕНДА ШЕСТЬ-ОДИННАДЦАТЬ ЛЕГЕНДА 'ШЕСТЬ-ОДИННАДЦАТЬ'
СЕРЬЕЗНАЯ ИСТОРИЯ В 6 ЧАСТЯХ СЕРЬЕЗНАЯ ИСТОРИЯ В 6 ЧАСТЯХ
ВЫ ДОЛЖНЫ ЭТО УВИДЕТЬ! ВЫ ДОЛЖНЫ ЭТО УВИДЕТЬ!
ФИНАНСОВОЕ ИСКУССТВО ДОСТУПНО КАЖДОМУ! ФИНАНСОВОЕ ИСКУССТВО ДОСТУПНО КАЖДОМУ!
НОЧНАЯ СОВА 'НОЧНАЯ СОВА'
РЕДКИЙ НАБОР! РЕДКИЙ НАБОР!
ТОЛЬКО У НАС! ТОЛЬКО У НАС!
ПРИХОДИТЕ НА КОНЦЕРТ! ПРИХОДИТЕ НА КОНЦЕРТ!
ВАША ЕЛЬ - НАШИ ИДЕИ! ВАША ЕЛЬ - НАШИ ИДЕИ!

Карта сайта               
 
© http://cms.ak7.ru 2015 v:1.18.11