Audio player on OpenStreetMap
I'm trying to add lay theme audio player in OpenStreetMap but it doesn't work.
I tried with the URL
but this appears on the map
I also tried with the shortcode but this appears
I can put a link, but I would like to have the player directly on the popup of the map.
Can someone help me ?
Unsure if this is possible?
Have you seen this thread?
Also if you could post a link to the website in question that would be great :)
Thanks for your answer
Yes I already tried with
<audio src="YOUR-URL" controls> </audio>
and also tried with explanations on Mozilla.org or wp.org
Here is the map http://u.osmfr.org/m/507639/
and the website http://www.soundmark.fr/ (but the map is not on it yet)
Richard Global Moderator last edited by Richard
Lets try it step by step,
First lets see if you can have the audio player in your Gridder. you can add the following code:
<audio controls> <source src="https://freesound.org/data/previews/545/545208_3914271-lq.ogg" type="audio/ogg"> <source src="https://freesound.org/data/previews/545/545208_3914271-lq.mp3" type="audio/mpeg"> Your browser does not support the audio tag. </audio>
With ' +More - HTML " :
So we end up with something like this:
Then go to the actual page and make sure you can hear the music.
Then add the Shortcode of the Map to the Gridder Section above the Audio:
Are you able to set this up?
Let me know and best wishes :)
But yes the player works on my gridder and appear on the website, but my problem is to make it appear directly on the map.
Great so they are both working? Map on top - Audio player on the bottom - Now using Some Custom CSS we should be able to push the audio player upwards over the Map! :)
Could you post the link to the page with this setup and i will try to add some CSS to help
Let me know, & have a wonderful day :)
Hi Richard, it was a problem with my hosting, it is solved ! thank you !
Great to hear! :)
Merry Christmas and seasons greetings!
Try this to fix issues before you post:
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. Now see if your problem solved itself
5. Go here, see if your problem is listed here:
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it