Логотип Валидатор Валидатор Качество создания сайта

Атрибуты тэгов audio и video

На предыдущую страницу

Простые способы вставки аудио и видео на сайт

Показывал на предыдущей странице способы вставки аудио и видео, используя только лишь HTML.  Однако решил добавить ещё одну страничку по этой теме.


Внимание! Очень скоро эта страница будет полностью изменена, как, впрочем, и предыдущая страница "Аудио и Видео" тоже.
Теперь браузеры научились отлично справляться БЕЗ всяких "хитрых кодов" и флэш-плееров.

А пока, чтоб Вам не было совсем уж скучно, добавил один аудиоплеер с весёленькой карнавальной музыкой. Потанцуем? Чтоб не скучать!

Потанцуем!

И кстати!  "Первую ласточку" (видео) желающие тоже могут посмотреть на странице уже сейчас: Видео


* * *

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


Аудио

Вывел на страницу сайта код плеера, в котором использовал тэги <audio></audio>, в которых находится атрибут "controls". Вот он и даёт команду на вывод элементов управления аудиоплеером.
Вставил в него очень красивую, приятную, плавную мелодию.



Удобно! Таким образом плееров можно вставить не один, а много на одну страницу. Они будут спокойно "ждать команды" (клика), абсолютно не мешая друг другу.

*Prim.
Этот код понимают ВСЕ(!) современные браузеры, планшеты и смартфоны с О.С. Android.


Видео

На предыдущей странице показывал видео, взятое с сервиса "YouTube". Разумеется, это самый удобный способ!
Однако, иногда бывает нужно организовать просмотр видеофайлов БЕЗ использования сторонних сервисов. Вот, как раз в таких случаях и поможет этот.

Здесь использовал уже нормальную конструкцию, то есть применил, как и полагается, тэги <video></video> с набором нужных для этого случая атрибутов.


Видео Adobe Premier Pro урок для начинающих

И здесь я вставил на свой сайт чрезвычайно полезное(!) видео, взятое из самой лицензионной программы "Adobe Premier Pro", предназначенной для создания и обработки видеофайлов. А как оно называется видно из его "постера", сделанного мною в фотошоп специально для этого урока.


*Prim.
Этот код понимают все современные браузеры, планшеты и смартфоны с О.С. Android.

Кстати!  Показанное только что видео, это "первая ласточка", и скоро здесь будет много интересной и полезной информации для работы с аудио и видеофайлами. Ещё немного, ещё чуть-чуть!



Заключение

Показал самые простые способы вставки аудио и видео на страницы сайта.

Конечно, использование упомянутых тэгов позволяет получить результаты не такие может быть интересные, как применение флэш-плееров.

Однако же, и простота таких способов очевидна! Ну, а как следствие - практически все устройства их понимают, что имеет огромное значение!


А эта синяя стрелка "НАЗАД" вернёт Вас в общий раздел "Учебные сайты".

На учебные сайты

ВВЕРХ

Все права защищены. Copyright © 2009 - Коротеев Владимир.

Protected by Copyscape Duplicate Content Check
Яндекс.Метрика
Рейтинг@Mail.ru