Зміст
Отримання відеовмісту на веб-сайті завжди було проблемою, оскільки відеофайли великі, а функції - важкі. Сайти, подібні до YouTube, намагалися полегшити це завдання за допомогою вбудованих інструментів, але більшість веб-дизайнерів погоджуються, що флеш-відео не забезпечує якість або безпеку, яку пропонують інші відеокодеки. На щастя, HTML5 тепер підтримує тег відеоелементу, тобто ви можете використовувати більшість форматів відео, наприклад .mp4 або .avi.
Інструкції
Відео (Agri Press / Lifesize / Getty Images)-
Змініть doctype файлу index.html на щоб повідомити браузеру, що ви використовуєте HTML5. Збережіть файл і закрийте його, якщо відео не вставлено в індексний файл.
-
Вирішіть, де ви хочете розмістити свій відеофайл .avi на вашому сайті. У цьому місці введіть: . Введіть значення висоти та ширини вашого відео в лапках. Це покаже
відеофайл. -
Введіть розташування відео між двома тегами відео. Ваш код має виглядати так:
Пам’ятайте, що розміри відео є лише у ілюстративних цілях, а "FILENAME.avi" має бути замінено на назву вашого відео.
-
Збережіть ваш index.html (або будь-який інший документ .html, над яким ви працюєте), щоб завершити всі зміни. Файл .avi можна відтворити на вашому веб-сайті.
Як
- На даний момент лише Safari, Chrome і Firefox підтримують цю реалізацію веб-відео.
- HTML5 не є офіційно стандартом веб-розробки, тобто, використовуючи цей метод, ви будете випереджати криву стандартів у мережі. Це не є великою проблемою, оскільки якщо браузер не розпізнає ваш код, він зміниться на HTML4, і користувачі вашого сайту все одно зможуть його використовувати.
Що вам потрібно
- Текстовий редактор
- Сайт
- Відеоархів