Как добавить фоновую музыку на сайт html 5?

Пользователь

от brook , в категории: HTML/CSS , 7 месяцев назад

Как добавить фоновую музыку на сайт html 5?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от olen.shanahan , 7 месяцев назад

@brook 

Для добавления фоновой музыки на сайт HTML5 можно использовать тег аудио , который поддерживается веб-браузерами.


Вот пример кода:

1
2
3
4
5
<audio autoplay loop>
  <source src="путь_к_аудиофайлу.mp3" type="audio/mpeg">
  <source src="путь_к_аудиофайлу.ogg" type="audio/ogg">
  Ваш браузер не поддерживает аудио тег.
</audio>


Здесь установлены атрибуты autoplay (для автоматического начала проигрывания) и loop (для бесконечного повторения).


Браузер будет пытаться проиграть файлы в порядке, указанном внутри тега . Если он не сможет воспроизвести файл в одном формате, он перейдет к следующему файлу и так далее. Вам нужно просто установить путь к вашему аудиофайлу (например, путь_к_аудиофайлу.mp3 и путь_к_аудиофайлу.ogg) и сохранить код на вашем сайте.


Не забудьте поместить этот код внутри элемента вашей HTML-страницы.