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

Аудио и Видео на HTML

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

Аудио и видео для разных устройств

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

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

НО!

Музыкальные (аудио) файлы воспроизводиться будут НЕ(!) на всех устройствах, а лишь только с установленным флэш-плеером.

И к тому же, есть способы, которые позволяют вставлять любой мультимедийный контент БЕЗ всяких флэш-плееров и сервисов (типа "YouTube").


Аудио

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

Prim*  Чтобы прослушать аудиозапись в браузере "Яндекс", нужно, кликнув правой кнопкой мыши, в контекстном меню выбрать: "Открыть ссылку в новом окне".



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

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


Видео

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

Использовал такую же конструкцию. Только применил тэги <video></video> с атрибутом "controls" внутри тэгов ссылки.

Посмотрите "прикольный" юмористический 4-ёх минутный ролик про создание сайтов.

Prim*  Аналогично. Чтобы просмотреть видеозапись в браузере "Яндекс", нужно, кликнув правой кнопкой мыши, в контекстном меню выбрать: "Открыть ссылку в новом окне".



*Prim.
И этот код понимают все современные браузеры, планшеты и смартфоны с О.С. Android. К огромному сожалению, Internet Explorer 8 его НЕ понимает.

Не забывайте после проигрывания видео-плеера или его "аудио-коллеги" закрывать открытые окна. Зачем Вам лишняя нагрузка на браузер? Не зачем!
Да, кстати, "Яндекс-браузер" и без таких ухищрений всё отлично воспроизводит: и аудио, и видео-файлы. Нужно лишь разрешить ему это делать.


Заключение

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

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

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


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


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

ВВЕРХ

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

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