XenForo 2.x.x Виджет аудиоплеера

[Duero]

Нужен виджет аудиоплеера для 1 песни - гимн клуба, хочу сделать что бы в виджете просто была кнопка запуска прослушивания 1 конкретной композиции, не при запуске страницы а просто по клику, как можно такое реализовать?

 

[Skaiman]

HTML5 audio

 

[Виталий Васильевич]

Здравствуйте, есть еще одно решение .. На основании Вашей музыки сделать клип залить на ютюб и уже от туда транслировать Виджеты - выбираем htrml и вставляем туда код

<iframe width="1280" height="1024" src="https://www.youtube.com/embed/XTXOHTUa_SY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

 

[Glem]

Простой пример

<audio src="tiesto.mp3" preload="auto" controls></audio>
    <source src="audio.wav" />
    <source src="audio.mp3" />
    <source src="audio.ogg" />
<script src="jquery.js"></script>
<script src="audioplayer.js"></script>
<script>
    $( function()
    {
        $( 'audio' ).audioPlayer();
    });
</script>

 

[Виталий Васильевич]

HTML5 audio

Подскажи как еще его урезать а то она больше 300 px размера

тут я не нашел

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

 

[Skaiman]

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

 

[Duero]

Простой пример

<audio src="tiesto.mp3" preload="auto" controls></audio>
    <source src="audio.wav" />
    <source src="audio.mp3" />
    <source src="audio.ogg" />
<script src="jquery.js"></script>
<script src="audioplayer.js"></script>
<script>
    $( function()
    {
        $( 'audio' ).audioPlayer();
    });
</script>

Супер! Так и сделал!

 

[Skaiman]

Супер! Так и сделал!

:) только обоим советую все таки посмотреть

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

и потом одному не давать вредных советов :) другому более осмысленно использовать их. Из всего кода, что дал Glem, работает одна верхняя строчка :) и поэтому достаточно:

<audio src="tiesto.mp3" preload="auto" controls></audio>

А это решение я дал в первом же ответе :)

 

[Duero]

Переделал.

 

[Skaiman]

:facepalm: