Аудиофайлы в zero block + свой плеер в Tilda | lifehackov.ru | Дзен

• Видео показывает, как создать собственный плеер в зароблоке и воспроизводить аудиофайл в тильде.  

• Создайте зароблок и очистите его содержимое.  

• Добавьте элемент за пределами блока и скопируйте первый кусок кода.  

• Загрузите аудиофайл в облако и скопируйте ссылку.  

• Вставьте ссылку в элемент.  

• Добавьте кнопки управления плеером.  

• Задайте нужный размер для кнопки "плей" и присвойте класс "плейбата".  

• Добавьте кнопку "пауза" и присвойте ей класс "паузбата".  

• Добавьте кнопку "стоп" и присвойте ей класс "топбата".  

• Добавьте HTML-элемент и скопируйте второй кусок кода для создания прогресс-бара.  

• Прогресс-бар можно стилизовать под себя.  

• Добавьте третий HTML-элемент для ползунка громкости и скопируйте третий кусок кода.  

• Ползунок громкости также можно стилизовать.  

• Создайте блок и скопируйте последний кусок кода.  

• Опубликуйте страницу.  

• Подписывайтесь на телеграм и ВК для обновлений и эксклюзивных материалов.