<center> <div style="background-image:url(https://ic.wampi.ru/2021/04/27/Snova_tantzy.gif);width:800px;height:600px;"> <div align="left" style="padding-left:400px;padding-top:550px;opacity:0;" valign="top"> <br/><iframe type="text/html" width=12 height=12 src="https://www.youtube.com/embed/Zi78PO-a_XI" frameborder="0" allowFullScreen scroling="no" webkitAllowFullScreen mozallowfullscreen></iframe> <br/></div> </div> </center>

Неисчерпаемый источник аудио - Ютуб! 

          Как использовать в своих работах аудио с Ютуб:

1. Под выбранный видео ролик нажимаете "Поделиться"

2. В открывшемся окне выбирайте "Встроить"

3. Скопируйте код *iframe ***

4. Введите этот код в "Новую запись" или в редактор дневника (черновик)

5. Сохраните в черновике запись. Получили видео.

6. Редактируем запись. Вернувшись в редактор находите код в квадратных скобках [iflash ......................] Меняйте значения ширины и высоты на 12 и 12. 

            Можно продолжить работу в редакторе дневника или в блокноте на компьютере. 

7. Скопируйте код из таблицы под этим постом и вставьте в редактор дневника. Совершенно не важно в каком варианте редактора: простом или расширенном

8. Скопируйте код полученный в пункте 6 и вставьте в HTML вместо имеющегося

           Можно проверить звучание Вашего аудио с Ютуб.

9. В скобках после"background-image:url" вставьте адрес (url) картинки (jpg, png, gif) созданную Вами или из свободного доступа в инете , коректируйте значения ширины и высоты.

10. Редактируйте значения параметров =style="padding-left:400px;padding-top:500px;= чтобы переместить и поместить кнопку аудио в желаемое место на фоновом изображении.

Желаю Вам творческого вдохновения!