Как сделать, чтобы после открытия спойлера, аудиофайл начал воспроиведение автоматически?

голоса: 0

Как сделать, чтобы после открытия спойлера, аудиофайл (сайт Soundcloud) начал воспроиведение автоматически? Чтобы не нужно было нажимать на кнопку "Play"

Ссылка на страницу со спойлером: http://vsthouse.ru/load/semply_presety/remiks_paki_remix_packs/clean_bandit_ft_jess_glynne_rather_be_remix_stems_remiks_pak/40-1-0-16659

Адрес сайта http://vsthouse.ru/
| Автор: | Категория: JavaScript
Изменение категории | | Автор: Yuri_Geruk

Ответов: 2

голоса: 0
 
Лучший ответ

Попробуйте установить значение auto_play=true в коде вставляемого кода музыки. 

Либо при получении кода для вставки на сайт в дополнительных опциях установите галочку напротив пункта  Enable automatic play

| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk

Да, есть такая функция у Soundcloud: Enable automatic play -  Поставил галочку. Но при открытии страницы с материалом, аудио сразу же начинает воспроизводиться. А мне нужно чтобы воспроизводилось только после нажатия на спойлер.

В качестве примера привожу сайт: http://samplepro.ru/samples/

Там у каждого материала есть кнопка PLAY (кружочек). После нажатия на нее, открывается аудиофайл и начинает играть. Как бы мне так сделать?

Илья Левченко,
В даном случае без написания скрипта не обойтись, нужно привязать клик по кнопке для открытия спойлера к кнопке play.
голоса: 0
Навести онклик на класс баттона.
| Автор:

и как это сделать? Вот у меня есть код (спойлер) с плеером soundcloud

[spoiler=AUDIO DEMOS]                          
<iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/133639704&amp;color=ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false"></iframe>
[/spoiler]

что мне нужно дописать?

аудио сразу же начинает воспроизводиться (как только страница открывается). А мне нужно чтобы воспроизводилось только после нажатия на спойлер.

...