Audio Player

[arminunruh]

hey, oh yea I need to make this work.

Until then in the gridder use:

"+more" -> "+html":

<audio src="urltoyouraudio"></audio>

find out your urltoyouraudio by going inside your media library and, and clicking on your audio file. this opens a modal with infos.

[YYY]

Hi Armin,

i followed your step but sadly it dosen't work with me.
hope LAY has audio adding selection in gridder soon.

[DMB]

@YYY @jazzzzza Hi I managed to embed audio - heres what you do:

Upload your mp3 to the media library, then copy the link to where its stored.

Go "+more > +html" and then paste this in:

<!DOCTYPE html>
<html>
<body>

<audio controls>
<source src="yoururlherefrommedialibrary" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

</body>
</html>

That should work

[YYY]

@DMB

thank you so much it works!!

[arminunruh]

nice!

but i think it should only be

<audio controls>
<source src="yoururlherefrommedialibrary" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

without the html, body etc.

[YYY]

@arminunruh said in Audio Player:

<audio controls>
<source src="yoururlherefrommedialibrary" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

Hi armin,

I found it only works in the project, but if I use the code on the categories homepage, it will appears 403 Forbidden after I clicked update.

"403 Forbidden

A potentially unsafe operation has been detected in your request to this site.

Generated by Wordfence at Tue, 10 Oct 2017 21:08:23 GMT.
Your computer's time: Tue, 10 Oct 2017 21:08:33 GMT."

How can I fix it?

Best

[mariusjopen]

Hi @YYY

Can you post a link to your website?

Best!

Marius

[townshend]

Hi, I'm having trouble getting the audio element to autoplay. any ideas?

<audio controls autoplay controlslist="nodownload noplaybackrate"> 
    <source src="http://beetheballet.com/wp-content/uploads/2024/08/Home.m4a">
    Your browser does not support the audio element.
</audio>

[arminunruh]

hey since some years all browsers block autoplaying.
you can read more about it here:

https://developer.mozilla.org/en-US/docs/Web/Media/Autoplay_guide

[townshend]

@arminunruh ah damn.. ok thanks for the heads up.