Як вставити відеоролик в html

Зміст

Відео - Вивчаємо html - Урок 6 - details, вставка картинки, аудіо і відео на сторінку
Відео - Як додати відео на веб-сторінку (Основи html і css)
Відео - Як вставити відео в html-документ? html-теги object і param. # 49
Відео - Як вставити відео з youtube в електронну пошту
Відео - Як просто зробити фон з відео на головній сторінці сайту

Відео - Вивчаємо HTML - Урок 6 - DETAILS, вставка картинки, аудіо і відео на сторінку

HTML - мова розмітки для створення і відображення веб-сторінок. Він здатний виводити в вікно браузера не тільки картинки, посилання і результати роботи різних скриптів, а й відео. Вставку відеокліпу на сторінку можна здійснити не тільки стандартними засобами мови, а й за допомогою підтримки технології Flash.

Інструкція

Відео - Як додати відео на веб-сторінку (Основи HTML і CSS)

Відео - Як вставити відео в HTML-документ? HTML-теги object і param. # 49

У мові розмітки HTML для виведення відеоплеєра на екран використовується спеціальний тег embed. Відкрийте HTML-файл за допомогою будь-якого текстового редактора і пропишіть рядок:

Даний дескриптор має кілька додаткових параметрів. Атрибут width дозволяє вказати фіксовану ширину відео, а height - висоту. Autostart відповідає за автоматичний запуск плеєра після натискання кнопки. Вкажіть параметр Loop, якщо хочете включити автоматичний повтор.

Для створення клавіш управління відтворенням, вкажіть controller = true. З усіма зазначеними параметрами даний тег буде виглядати наступним чином:

Якщо ви хочете включити на сторінці ролик з використанням флеш, скористайтеся програмою Adobe Flash. Якщо її немає, встановіть програму, скачавши інсталятор з сайту розробника Adobe.

Перейдіть в меню File - New, щоб створити новий проект. У вікні вибору типу файлу вкажіть Flash Document.

Щоб змінити висоту і ширину ролика, виберіть Modify - Document, де для параметрів Dimensions вкажіть потрібні вам значення. В поле Background color ви можете задати фоновий колір, який буде відображатися до і після відтворення файлу.

Після регулювання розміру відео, імпортуйте потрібний файл через вкладку File - Import. Вкажіть шлях до відео, натисніть Open. У наступному меню виберіть найперший режим Progressive download from a web-server.

Відео - Як вставити відео з YouTube в електронну пошту

Відредагуйте тривалість ролика за допомогою редактора. Задайте зовнішній вигляд плеєра, який буде відображатися на екрані для управління відео. Після завершення всіх налаштувань, натисніть Finish.

Натисніть на меню File - Save, вкажіть ім`я файлу, виберіть формат fla. Дочекайтеся закінчення збереження ролика, перейдіть в Publish Settings. У вкладці Formats поставте галочки навпроти пунктів Flash і HTML. У вкладці Flash поставте галочку навпроти Compress movie. У вкладці HTML для Template задайте Flash Only. Завершивши налаштування, клацніть Publish і знову збережіть виконану роботу.