Sound music on background
I wanted to add a specific .mp3 and autoplay it on background on a specific page. I should do it through the custom CSS and HTML?
Any kind of help would be super appreciated! :)
Thank you in advance!
there are many ways to achieve this.
One is a very unclean but possible one.
Embed a video in the Gridder with the sound. Then you give the video a class like and hide it with CSS.
Of course the video needs to be on autoplay.
Or you embed a code in the Gridder with the HTML embed.
Have a look here:
If you get stuck with this – let me know!
Thank you for the answer Maruis.
I preferred the second way!
I did like this:
<audio src="../Websitename/folder/file.mp3" loop="true" autoplay="true" controls="false">
Works like a charm!
great! Yes, it is the better way!
Have a good day!
hi，it still dosen't work on my website.
I tried sound background music plug-in also, it works find on chrome but can't play on safari.
I tried your code also, like this: <embed name="musiclinkfrommedialibrary" loop="true" hidden="true" src="Music.mp3"></embed>
can you help me?
I hope it can autoplay without player on my website.
When I look at your code I see that your src is only Music.mp3.
You have a real path there?
And what about the first and dirty solution I proposed?
hej there, i tried this code <audio src="http://richterstella.com/wp-content/uploads/2018/02/translate_tts.mp3" loop="false" autoplay="true" hidden="true">
and it works. But it is still a loop, eventho i set loop=false. What am i not getting?
And is there a way to have a different sound everytime you refresh the page? i would love to have 1 of 5 different audio files played, whenever you refresh the front page.
Thanks in advance!
to achieve this I recommend to look into jQuery.
It is not very difficult to achieve.
I hope you find a way! Let me know when you have specific questions of embeding it into Laytheme.
And be aware of this:
All the best!
This post is deleted!
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