Как установить аудиопроигрыватель на сайт?

2 ноября 2014 г. Просмотров: 362 Инструкции
Сделать собственный интернет-ресурс более посещаемым и интересным можно благодаря различным развлекательным элементам, например, аудиопроигрывателю. Его можно быстро и легко установить на сайт.
Создать сайт самостоятельно с Wix.com

Инструкция

  • Для начала вам будет нужен код проигрывателя. В интернете скачайте уже готовый, никакой необходимости писать его самому нет. Создайте любой текстовый документ (например, в «блокноте»), а него вставьте полученный код.
    Не забудьте сохранить его. Кстати, название файла может быть любым, но вот сам файл обязательно должен быть сохранен в формате html.
  • Сохраненный документ поместите в новую папку. Туда же можете поместить и изображение аудиопроигрывателя, благо найти картинку не проблема. В интернете существует множество сайтов, с которых можно бесплатно скачивать понравившиеся изображения.
  • В шаблон того сайта, на котором вы хотите разместить новый элемент, установите специальную функцию вызова всплывающего окна. Кроме того, проверьте, верно ли вы указали пути к папке со всеми необходимыми файлами.
  • Обратите внимание на то, что аудиопроигрыватель будет отображаться на сайте только после того как вы вставите его код в любое место страницы и сохраните изменения. Теперь вы можете слушать любимые композиции в фоновом режиме.
  • Для разнообразия вы можете время от времени менять темы оформления установленного элемента (или обложки, как их еще называют). Вы также сможете скачать их в интернете. Кстати, полученный код вставляйте только на ту страницу, куда вы помещали и код самого проигрывателя.
  • Устанавливать плеер можно не только на тех сайтах, которые редактируются лишь через html, но и там, где предусмотрен автоматический режим управления. В таком случае откройте вкладку «Дизайн», перейдите в панель «Управление дизайном CSS». После этого перед вами появится меню под названием «Верхняя часть сайта». Чтобы поместить выбранный код, кликните на меню, а затем сохраните все сделанные изменения.
  • Оцените статью!