Спасибо, понятно!

Romych, приветствую!
Этот скрипт уже нерабочий? Хотя скорее всего, это я что-то не так делаю.

Можете проверить почему у меня всё время выпадет сообщение: "Утраченная ссылка на аудио. Или неподдерживаемый этим браузером формат"
Ссылка на сообщение для примера.

Romych, спасибо за разъяснение!

Здравствуйте, возможно, не в ту тему, но это максимально приближенная тематика, знатоки подскажут и направят (надеюсь), если что не так?

Подскажите, мне нужно что-то крайне простое, чтобы можно было в объявление форума установить маленький плеер, хотя бы на одну песню. Даже можно просто кнопку, по которой будет включаться или выключаться мелодия, может с уровнем громкости, но пусть даже и без него. Пусть даже не в само объявление, а куда-то сбоку на фон и включению по той же кнопке. Вопрос еще и в том, что не знаю, куда заливать такую мелодию, чтобы иметь возможность дать её скрипту в нужной форме html или ссылкой, или еще как?

Помогите, пожалуйста, может кто-то, за годы на форумах, сталкивался с самым примитивным плеером подобного типа?

Отредактировано Brrr (Ср, 16 Июл 2025 22:45:32)

Reysler
Спасибо за ответ, но стандартный слишком длинный и белый фон вычурно выглядит в объявлении, а хотелось что-то очень компактное, одна кнопка плей/пауза. Может вместо кнопки картинку, чтобы скрыть. В этой теме, забыл уже на какой странице, к Ромичу обращался админ этого сайта https://oldhats.ru/, у них там при клике на пластинку играет мелодия (понятно, что картинку пластинки можно изменить), а при повторном прекращается. Но код, как я понял, он Ромичу кидал через ЛС и здесь не оставил. Может обратиться к этому пользователю, может он сможет поделиться?

Reysler
О, точно, только вот полного кода с скрытием под картинкой не наблюдаю. Обращусь к пользователю, спасибо.

kolobdur74
Спасибо, попробую, авось. Помню в какой-то из тем писалось, с какими аудио-хостингами работает mybb, тоже Ромич писал. Но возможно там не именно .mp3 уже не помню, поищу.

Brrr, еще вариант есть ставить с яндекс музыки, можно уменьшить достаточно сильно. Но без регулирования громкости. Вот к примеру, код, поставьте в Объявление и посмотрите:

<iframe frameborder="0" allow="clipboard-write" style="border:none;width:164px;height:70px;" width="164" height="70" src="https://music.yandex.ru/iframe/album/35841659/track/137253886"></iframe>

Еще раз, здравствуйте, знатоки, подскажите, пожалуйста, как можно в данный скрипт, добавить вместо "галочки-клик-плей", поставить картинку? Есть отдельный скрипт запускающий его, но думаю, он не требуется для данной задачи.

<!-- скрипт радио -->
<div class="Radio">
<audio id="raudio">
<source src="https://forumstatic.ru/files/0019/3a/78/25113.mp3" type="audio/mpeg">
</audio>
<label><input type="checkbox" id="play" value="1" name="k" onclick="togglePlayPause()"><span></span></label>
</div>

Добавлено:

Разобрался с тем, что нужно добавить <img src="https://forumstatic.ru/files/0018/63/71/97718.png?v=1"></img> после onclick="togglePlayPause()">, но остается еще чекбокс, и заменить его картинкой, еще не совсем понимаю как. Как в этом случае надо оформлять display:none; или opacity:0; для input? Подскажите, пожалуйста.

Но это в стилях css? Это не сделать через данный скрипт? Или это в строчке перед <span>? Просто я очень плох в понимании оформления. Не читаю теги, так сказать.
Есть часть css, который создает мне проблемы из-за того, что он остается на определенном месте по указанию ширины, высоты, а не вставляется в объявление скриптом. То есть, стоит мне запихнуть css часть, к примеру, в любую часть style css, как картинка съезжает относительно указанных параметров, и совершенно игнорирует скрипт в объявлении.

.Radio{
position:absolute;
top:490px;
left:430px;
z-index:3;
padding-top:0;
padding-left:0;
width:100px;
height:120px
}
input[type=checkbox]:checked+span{
background-position:0 -100px
}
input[type=checkbox]+span
{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:url(
) no-repeat;
cursor:pointer
}

input[type=checkbox]{
display:none
}

label{
width:120px;
height:100px;
display:block;
position:relative
}