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

Откроем справочник html на странице с описанием работы тега OBJECT.  Читаем, что тег OBJECT передает браузеру информацию о том, как загружать и отображать объекты, которые он не понимает.

Как правило, для работы с данными  внешними объектами, браузеру необходимо подключать дополнительные модули (плагины) или дополнительные программы.

Как видим, по своим функциям, тег OBJECT напоминает тег EMBED.  Чаще всего, тег  OBJECT используется для работы с видео, flash, звуковыми и другими типами файлов.

Ну что же, а начнем мы давайте с определения, что такое тег  OBJECT - тег OBJECT,  так же, как и тег  EMBED, передает браузеру, как загружать и отображать объекты, которые браузер не понимает.

Синтаксис написания тегаOBJECT, следующий:

Описание объектов передается браузеру через параметры:

К сожалению,  тег OBJECT и описанные в нём параметры объектов, по-разному обрабатываются браузерами. Это необходимо учитывать при написании и использовании html кода объектов, в нашем случае, объектом является плеер.

В связи с этим, Вы можете встретить html код, с вложенными друг в друга тегами OBJECT, которые описывают объекты для разных браузеров. Это делается для того, чтобы посетитель сайта с любым браузером, мог гарантированно открыть на странице сайта мультимедийный объект.

Вот пример рабочего html кода, в котором используются вложенные теги <OBJECT>:

Давайте разберём, как этот код работает.

Как только браузер, встречает тег OBJECT, он пытается отобразить объект, который в нем описан. 

Если, описанный в первом теге OBJECT объект, не открывается, браузер переходит к следующему вложенному тегу OBJECT, в котором может быть другое описание объекта или альтернативный текст. И так далее.

Как мы видим, в приведенном выше примере, первый тег  OBJECT, описывает объект для InternetExplorer. Internet Explorer, отображает объект, описанный первым тегом OBJECT.  Далее идут вложенные теги OBJECT, которые Internet Explorer пропускает.

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

Ну что же, теперь мы можем протестировать работу кода, открывая страницу с приведенным выше кодом,  разными браузерами.

Мы можем это делать как  на  локальном компьютере, так и в сети, добавив код плеера на рабочую страницу в Интернет.

При переносе выше приведённого кода на хостинг, не забудьте правильно указать путь к аудио файлу.

Как работает выше приведенный код, можно посмотреть здесь: https://my-1-site.ru/audio-object/index.html

Итак, в конце третьего урока,  делаем вывод:  используя теги html - OBJECT  и EMBED, на страницу сайта достаточно просто добавить любой объект, в том числе и аудио плеер.

Но при этом способе добавления плеера на сайт, существует проблема совместимости обработки html кода различными браузерами. 

Проблема совместимости значительно упрощается, если в html коде плеера:

1 - Использовать параметры, поддерживаемые всеми браузерами.

2 - Использовать дополнительные скрипты.

3 - Использовать не плагин, а автономный плеер, который расположен прямо на хостинге.  

О других способах добавления плеера на сайт, мы поговорим в следующих уроках.

Автр: Виктор Милованов