Audio Player
-
Hey.
I'm struggling to figure out how to embed the standard Wordpress Built In Audio Player. This is usually possible by uploading an mp3 in to the Media folder and inserting it like an image.
Any advice?
-
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 @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
-
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.
-
@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
-
-
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> -
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
-
@arminunruh ah damn.. ok thanks for the heads up.
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it