How to add BACKGROUND MUSIC to WordPress website - (works on phone) 2020.

Поділитися
Вставка
  • Опубліковано 26 вер 2024

КОМЕНТАРІ • 197

  • @codehow_
    @codehow_  5 років тому +23

    Hi everyone, I hope this tutorial helped you.
    Please support me by clicking a SUBSCRIBE button.
    Thank you

    • @henryfernandez2533
      @henryfernandez2533 5 років тому

      Hey buddy it was working perfectly for about a month but it doesn't start automatically anymore. Any updates for the auto start?

    • @portugaljobs9683
      @portugaljobs9683 4 роки тому +1

      @@henryfernandez2533 it's because your website is not secure,just click on non-secure shit on the left side of your site and you will see what to do

    • @AngelSanchez-tq6lx
      @AngelSanchez-tq6lx 4 роки тому

      Dear Codfish: Great work. Novice here. My music now plays, but a folder downloads to the device being used, either phone or lap, every time a page is opened (for some reason I'm not able to zip up the 250-millisecond thingy; I'm apparently downloading everything listed, and am using that as part of the code). Also, my home page and blog page do not play the music somehow. My site: www.happyworldhomes.com. Much obliged!

    • @aleksandargrozdanoski4613
      @aleksandargrozdanoski4613 4 роки тому

      I tryed too, but after 3 days, he stop working, auto.

    • @AM-mo6dw
      @AM-mo6dw 4 роки тому

      Hi ! this is awesome, thank you! is there a css code for deploying it only on one page and not every page?

  • @Midrule
    @Midrule 2 роки тому +4

    For people who need help with autoplay: he forgot to change part of the code. make sure it says autoplay="true" instead of autoplay="autoplay" do the same with the loop

  • @michaeltreanor9669
    @michaeltreanor9669 3 роки тому +2

    I did learn quite a bit from this tutorial, so thank you! I was really looking for a way that I can add background music to just one page, rather than the whole site. I wish widgets could be added onto individual pages.

  • @jigarpatel599
    @jigarpatel599 4 роки тому +4

    Bro, this video is really helpful. I have seen many others but those solutions were didn't work for me. Thanks.
    I have one suggestion. Pls, update your thumbnail image so you can improve your CTR. Thanks again.

  • @maey.elreedy
    @maey.elreedy 3 роки тому +2

    Many thanks, after many trials and many videos, your video explanation was easy and on the point and it finally worked! Really Thanks a lot :)

  • @enricoamniat
    @enricoamniat Рік тому +1

    Still useful in 2023 thanks a lot tavarish

  • @saifiraq2
    @saifiraq2 4 роки тому +4

    Thank you so much for the clear and easy to follow instructions!

  • @IndieBeerCommunity
    @IndieBeerCommunity 4 роки тому +6

    @codehow , I did exactly what you have mentioned. I put the widget in my footbar section 1. The autoplay is not working.
    Please help. I'll be grateful to you!
    Thank you.

    • @ahmedel-hariry4902
      @ahmedel-hariry4902 3 роки тому +1

      go to the lock icon (security) next to your URL and allow the sound option/ Issue with Loop? Just delete all loop words from the text code :))

    • @mariadigitals7778
      @mariadigitals7778 3 роки тому

      @@ahmedel-hariry4902 hello i tried this it's playing in my laptop but not in my mobile phone plzz let me know how it auto play my mobile phone?

  • @knot4time757
    @knot4time757 4 роки тому +3

    Works on laptop, but I can't seem to get it to work on Andriod. What could I be doing wrong.

  • @sharmaji5477
    @sharmaji5477 4 роки тому +2

    Works on Desktop .....but not on mobile Android ... please help

  • @domenicodinicola1076
    @domenicodinicola1076 4 роки тому +1

    Thanks so much... I was struggling with somethings that looks so simple...
    Much Appreciated!

  • @DMWDEADMAN
    @DMWDEADMAN 5 років тому +7

    Is there a way to make the Music to keep playing in sync as people browse through the website. Everytime one clinks on the link on the website Music Restarts

    • @UNIFAERIE
      @UNIFAERIE 4 роки тому

      did you ever figure out how to fix the overlap?

    • @Sonsho
      @Sonsho 4 роки тому

      2 months later, how are we doing there boys? Nothing yet on the horizon?

  • @omuriloribeiro
    @omuriloribeiro 2 роки тому +1

    Thank you! I learned a lot from your tutorial!

  • @lemanjamears7012
    @lemanjamears7012 4 роки тому +1

    Thank you so much! Very awesome video and great explanation IT WORKS 100%!

  • @nonexistenty4152
    @nonexistenty4152 2 роки тому +1

    I am very grateful for this video really. I am liked and subscribed

  • @JairoUchoa
    @JairoUchoa 3 роки тому +1

    Funcionou! Apliquei dia 12/11/2020! Parabéns.

  • @virtualarcadegamingchannel8715

    Super work..🔟

  • @motogirlthailand
    @motogirlthailand 4 роки тому +1

    Worked brilliantly! Thank you!

  • @kynan.bonnice
    @kynan.bonnice 4 роки тому +5

    Hi, it doesn't seem to work anymore?

  • @sunbirdmedia8563
    @sunbirdmedia8563 3 роки тому +1

    This works wonderfully! thank you

  • @yummeh8757
    @yummeh8757 4 роки тому +1

    thankyou so muchhhh.. it worked.. from Indo

  • @rogulabo
    @rogulabo 3 роки тому +1

    This is genius. Thank you sir

  • @kakalammaka7074
    @kakalammaka7074 3 місяці тому

    Why the song is not playing in automatic? Help, please.

  • @sriganesh_ninja
    @sriganesh_ninja 3 роки тому +1

    Thanks for the tutorial.

  • @hectoru3498
    @hectoru3498 4 роки тому +3

    Hi, why when I open my site from google the music doesn't start i have to it manually

    • @carolinaberrio3733
      @carolinaberrio3733 4 роки тому

      Try changing your browser settings, you should allow plug ins and audio

    • @Harshitbadolla
      @Harshitbadolla 4 роки тому +3

      Add this at the bottom of the script tag
      audio.play();
      and it will autoplay. Also you will no longer require the 250 miliseconds file

    • @juanjesusalvarez7186
      @juanjesusalvarez7186 4 роки тому

      me too

    • @ahmedel-hariry4902
      @ahmedel-hariry4902 3 роки тому

      go to the lock icon (security) next to your URL and allow the sound option/ Issue with Loop? Just delete all loop words from the text code :))

  • @rajneeshmaurya3714
    @rajneeshmaurya3714 Рік тому +1

    Great one. Thanks!

  • @sber97sei
    @sber97sei 2 роки тому +1

    Thank you, very precious!

  • @MathsPlusGames
    @MathsPlusGames 5 років тому +1

    for some reason mine doesn't auto play, if I press they play button it works though. It seems to be a problem with google chrome

    • @portugaljobs9683
      @portugaljobs9683 4 роки тому +1

      it's because your website is not secure,just click on non-secure shit on the left side of your site and you will see what to do

    • @LEGOEVA
      @LEGOEVA 4 роки тому

      I had the same issue. Thanks@@portugaljobs9683 !

  • @nelson_123
    @nelson_123 9 місяців тому

    Thanks a lot man. This works for me but I have one challenge, as soon I added the code to my website, it showed "Not secure" close to my website url. And when I check the audio URL, it in http not https. Any solution for this please?

  • @nonexistenty4152
    @nonexistenty4152 2 роки тому

    Very useful video, I am using it to design my Wordpress website Sir. So thank you so much. Your efforts are very generous, I am so glad I found this video.
    I have a question-> I wish to
    Restrict the music piece for a blogpost innwordpress--is that possible? If so, could you just give me a few tips for the same? Even one tip ( if you know of any such) will help me a lot in this internet sea of opinions
    Thank you Sir
    Take care : )
    Warm regards,
    Nilanjana

  • @julien516
    @julien516 2 роки тому +1

    Thank you man, you rock.

  • @cdubonbon
    @cdubonbon 4 роки тому +1

    Very good! Thanks for sharing

  • @fayediza
    @fayediza 3 роки тому +1

    This is great! Thank you.

  • @ShortsbySejn
    @ShortsbySejn 4 роки тому +1

    can't download the 250 milisecond of silence, even others too

  • @fotoregalosmexico2036
    @fotoregalosmexico2036 2 роки тому

    Hello, wonderful solution, Genius, just one detail, in the audio bar there are 3 points, when I click it tells me to download, I don't want the client to download the music, how do you remove those 3 points, thank you very much

  • @golamrabbani77175
    @golamrabbani77175 4 роки тому +1

    Yeah! Worked on mobile!!! Thank you

  • @numyastrolife
    @numyastrolife 4 роки тому +1

    Good Work, thank you so much!

  •  3 роки тому +1

    It doesn't works. I've tried even changin name of silence file, and putting script in the main.js, but still doesn't work in desktop neither in mobile.

    • @ahmedel-hariry4902
      @ahmedel-hariry4902 3 роки тому

      go to the lock icon (security) next to your URL and allow the sound option/ Issue with Loop? Just delete all loop words from the text code :))

  • @braddywarbucks
    @braddywarbucks 3 роки тому

    For whatever reason it is not playing on the homepage for mobile. It plays for every backpage but not the homepage. Any ideas? thanks

  • @youtubefactbuster
    @youtubefactbuster 2 роки тому

    the music doesnt play in first load

  • @mengarahcom
    @mengarahcom 3 роки тому

    why in my website not working to auto play sir

  • @njasra
    @njasra 4 роки тому

    what if we don't want it to be shown at footer, but wanna make it play BGM, how can we do that ?

  • @barefootwebdesign
    @barefootwebdesign 4 роки тому +3

    This is so good. Thank you it works perfectly and easy instructions. I do have a question though. Please can you tell me if it is possible to remove the download dots on the player. I cannot have people downloading the music. Thanks

    • @dianasteib6550
      @dianasteib6550 3 роки тому +1

      Add: controlsList="nodownload" in the script

    • @mariadigitals7778
      @mariadigitals7778 3 роки тому

      @@dianasteib6550 hello plz can you tell me how it's auto play in mobile phone its working in laptop but not in phone.. :( i will be very thankfull to you

  • @esotericguard3808
    @esotericguard3808 4 роки тому +2

    fala puno za sve brat!

    • @esotericguard3808
      @esotericguard3808 4 роки тому

      The only issue is the music only autoplays when i navigate to different page then return to the home page.. But not on first arrival to page

  • @MaxiT0070
    @MaxiT0070 2 роки тому

    Hi, thanks a lot but the autoplay does not work on my end. I have put the code in HTML

  • @rasalnox3787
    @rasalnox3787 3 роки тому

    Hey, i was trying to do the whole customisation via Mobile. Seems not working.
    Also, I don't have a specific footer, so guess can help me?

  • @BlackOpsZombiePlaye1
    @BlackOpsZombiePlaye1 3 роки тому +1

    The music isn't playing on it's own for me, I have to press play each time. What can i do?

    • @GeraldAndersonsr
      @GeraldAndersonsr 3 роки тому

      I had it working but now it's stopped working.

    • @Mangoles
      @Mangoles 3 роки тому

      same for me, it doesn't autoplay

  • @victorbonanho1980
    @victorbonanho1980 3 роки тому

    It does not work the autoplay in elementor

  • @mariapaolapezzotti2136
    @mariapaolapezzotti2136 3 роки тому

    Is it possible to put the reference to background music in a different position than the footer? For instance, at the top or in the side of the page? Thanks.

  • @wallaguest1
    @wallaguest1 3 роки тому

    but if you browse over the sections of a website, it resets, we want continous playing.

  • @lillypapadakis8210
    @lillypapadakis8210 4 роки тому +1

    Hi CodeHow,
    I tried it exactly as you do but it isn't working. I do get the widget playing music. But for example yours also has volume setting etc. And after I saved the text in the widget, when I return to this text it changed by itself.

    • @ahmedel-hariry4902
      @ahmedel-hariry4902 3 роки тому

      go to the lock icon (security) next to your URL and allow the sound option/ Issue with Loop? Just delete all loop words from the text code :))

  • @SuperDika17
    @SuperDika17 3 роки тому +1

    Thank a lot. But it doesn't work on my phone especially chrome browser. If i use another browser it worked

    • @mariadigitals7778
      @mariadigitals7778 3 роки тому

      same issue it's not working in my mobile phone not in any browser even safari..

    • @mariadigitals7778
      @mariadigitals7778 3 роки тому

      please let me know if you find solution?

  • @SimilarFrequencies
    @SimilarFrequencies 3 роки тому +1

    Soo Cool! Thank You!

  • @marvinmensah2956
    @marvinmensah2956 4 роки тому

    This is very great. Do you have a lot of how tos for Wordpress ? I’m just a beginner and website developer and I want to use Wordpress

  • @studioscue4946
    @studioscue4946 4 роки тому

    Why did you add two different mp3 files in the src? Please help

  • @luffyhaiden767
    @luffyhaiden767 2 роки тому

    Hello sir. How do i find the dashboard on my wordpress? I cant seems to find the dashboard

  • @thisunknownbrain2100
    @thisunknownbrain2100 3 роки тому

    Thanks for the video. Is there a way to trigger the music when you scroll?

  • @henryfernandez2533
    @henryfernandez2533 5 років тому +1

    It worked thanks!! Tested it on my android and PC but didnt work on my sons iphone, Iphones loss Im android guy! :)

    • @codehow_
      @codehow_  5 років тому +1

      Nice! If you could support me with subscribe I'll be very thankful 😁 anyways I'm glad it works 💪 Regards.

    • @henryfernandez2533
      @henryfernandez2533 5 років тому +1

      @@codehow_ For sure buddy thanks! Is the autoplay disabled again by google? I miss my music, site feels boring now lol

    • @codehow_
      @codehow_  5 років тому +1

      @@henryfernandez2533 hmm I'm not sure. It worked for you, then stopped and then worked and again it doesnt work?

    • @henryfernandez2533
      @henryfernandez2533 5 років тому

      @@codehow_ It worked when I followed your steps then stopped working after a month, Auto never worked again. I can only start it manually, Does it still work for you?

    • @sooprano
      @sooprano 4 роки тому

      @@henryfernandez2533 check adBlock make your website authorized

  • @nurlinainsyirahmohdramli4896
    @nurlinainsyirahmohdramli4896 3 роки тому

    hii i follow all the codes given.. but the autoplay not working

  • @steelseguridadprivadaltda5847
    @steelseguridadprivadaltda5847 3 роки тому

    A mi no me hace la reproducción automática, sale todo menos la reproducción automática.

  • @BlackDiamond1808
    @BlackDiamond1808 2 роки тому

    unfortunately it does not work for me. As soon as I go to the page, the music doesn't start. I always have to press play on the player first. What could be the reason for this? Sorry, my English isn't that good and I didn't quite understand the silent file (i.e. why it's needed). Otherwise very cool video

  • @RiyadhKey
    @RiyadhKey 4 роки тому

    Thanx, it works on PC, but not mobile

  • @WeLawless
    @WeLawless 4 роки тому

    Tried many times but not working, no autoplay can u help

  • @ahmedsomir
    @ahmedsomir 4 роки тому

    Thanks for your code.
    I try it now but not working am using Astra theme, but every time I try to open the website it fail. any feedback?
    note:
    - my website in subfolder
    thanks

  • @eliotferoficial
    @eliotferoficial 3 роки тому

    How can make it work in the mobile browser ❓

  • @ranseiri774
    @ranseiri774 4 роки тому +1

    thanks! it works!

  • @fudo.kazuki
    @fudo.kazuki 3 роки тому +1

    Thank you!

  • @NasirujjamanShimul352
    @NasirujjamanShimul352 4 роки тому +1

    It worked
    thank you

  • @Allah-Wala
    @Allah-Wala 5 років тому +1

    Jazak Allah Thanks

  • @raggedyman7558
    @raggedyman7558 4 роки тому +2

    Thanks so much for this! I am only having one small problem. For some reason, the Autoplay won't work when I start my page other than that it's perfect. Any advice?

    • @sooprano
      @sooprano 4 роки тому +1

      try to disable AdBlock addon chrome

  • @ahighhorseman
    @ahighhorseman 3 роки тому +1

    thank you for this

  • @yeah5004
    @yeah5004 5 років тому +1

    Awesome👍🔥

  • @samirbenabdallah9462
    @samirbenabdallah9462 Рік тому +1

    Peace be upon you

  • @frankrusso7006
    @frankrusso7006 3 роки тому

    the link from code doesn't open.

  • @andrewparkerii631
    @andrewparkerii631 3 роки тому

    Hello. Do you know how to make the player transparent?

  • @MandarinFan
    @MandarinFan 4 роки тому

    autoplay on a blog page? could you advise?

  • @rhadimerantigua7891
    @rhadimerantigua7891 3 роки тому +1

    not work autoplay :(

    • @rhadimerantigua7891
      @rhadimerantigua7891 3 роки тому

      although in the admin area it is reproduced automatically but on the web side for users it is not reproduced automatically

  • @djkelabu
    @djkelabu 3 роки тому

    not working on mobille

  • @hamzasabir5562
    @hamzasabir5562 3 роки тому

    sir i done what you say but Music didn't start when I open website. I use that button to on the music PLEASE HELP ME IN THIS

    • @ahmedel-hariry4902
      @ahmedel-hariry4902 3 роки тому

      go to the lock icon (security) next to your URL and allow the sound option/ Issue with Loop? Just delete all loop words from the text code :))

  • @alexisvargas2837
    @alexisvargas2837 3 роки тому

    Followed instructions but it doesn't auto play I have manually press play.

    • @ahmedel-hariry4902
      @ahmedel-hariry4902 3 роки тому

      go to the lock icon (security) next to your URL and allow the sound option/ Issue with Loop? Just delete all loop words from the text code :))

  • @emmanueldelacruz9372
    @emmanueldelacruz9372 4 роки тому

    I did exactly what you did, but autoplay does not work??? I wonder if its because im using MacBook?

  • @mohaimenpotawan2842
    @mohaimenpotawan2842 2 роки тому

    excellent

  • @jordans7411
    @jordans7411 4 роки тому

    Thanks my WordPress is sounding great! I have a question about the audio player. I would like add multiple tracks and loop for the last track. Is this possible?

    • @vishalsidhpura1
      @vishalsidhpura1 3 роки тому

      Even i am looking for the same requirement,found any solution then please do share. Thank you

  • @proflinkon
    @proflinkon 5 років тому +1

    the phone/system volume overrides the code set volume

    • @codehow_
      @codehow_  5 років тому

      Hi, what do you mean by "code set volume"?

    • @proflinkon
      @proflinkon 5 років тому +1

      @@codehow_ in the coding, the volume is set at 0.2, but still its always loud on the front end... Even after changing it to 0.1, I think system volume overides the volume on the code

    • @codehow_
      @codehow_  5 років тому

      @@proflinkon Hm, maybe try with this. Delete audio.volume from and put volume=0.1 inside . So what I mean is:

    • @ondralibal867
      @ondralibal867 4 роки тому

      @@codehow_ yea audio volume settings is not working and i cant find how to make it work

  • @burcuicen7071
    @burcuicen7071 4 роки тому

    hi, i followed all the steps, but it doesn't start playing when i enter the website, it starts playing when i go to another page. How can i solve this?

    • @alexandrapana1410
      @alexandrapana1410 3 роки тому

      Hello, did you fix this problem? If yes, may I know how? Thank you very much!

  • @reviewscornerglobal6638
    @reviewscornerglobal6638 4 роки тому

    sir please share link of oceans music because i can't find this music i try alot please send me other wise share download music link please help me...

  • @amaxmux8346
    @amaxmux8346 3 роки тому

    thank you man 🙏

  • @edumarmer
    @edumarmer 4 роки тому

    Your explanation is wonderful but doesn't work autoplay... I don't know what I am doing wrong...

    • @ahmedel-hariry4902
      @ahmedel-hariry4902 3 роки тому

      go to the lock icon (security) next to your URL and allow the sound option/ Issue with Loop? Just delete all loop words from the text code :))

  • @Archontasil
    @Archontasil 3 роки тому

    can you do this for wix?

  • @mariadigitals7778
    @mariadigitals7778 3 роки тому

    Hello Thankyou soo Much... But here is the small problem its not auto playing in my mobile phone not in chrome and not in safari please help mee with this... i Shall be very Thankfull plzzz :(

    • @FreakONcW1
      @FreakONcW1 3 роки тому

      Not auto playing in android too. But working fine on website.

  • @henryfernandez2533
    @henryfernandez2533 5 років тому

    Hey buddy it was working perfectly for about a month but it doesn't start automatically anymore. Any updates for the auto start?

    • @portugaljobs9683
      @portugaljobs9683 4 роки тому

      it's because your website is not secure,just click on non-secure shit on the left side of your site and you will see what to do

  • @ricklf7407
    @ricklf7407 3 роки тому

    those who still not work on mobile, try 2 sec 500 miliseconds

  • @9CATSTUDIOS
    @9CATSTUDIOS 3 роки тому

    thankkyou so much

  • @tonitonechoppa4069
    @tonitonechoppa4069 4 роки тому

    How do I add more than one song to the background music?
    Thanks!

  • @quenyanwarrior8741
    @quenyanwarrior8741 2 роки тому

    it seems that in order to play music on wordpress website, we need to upgrade to PRO first...RIP for the free-user

  • @lattaswhite1124
    @lattaswhite1124 3 роки тому

    thx

  • @FrankBrankerSR
    @FrankBrankerSR 4 роки тому

    Thanks

  • @cccs9864
    @cccs9864 3 роки тому

    doesnt work anymore

    • @cccs9864
      @cccs9864 3 роки тому

      tested in Chrome and Firefox. all up to date

  • @mdselimreza1692
    @mdselimreza1692 4 роки тому

    thanks! It works. When I reload my site the background music doesn't autoplay. Please reply to what have to do?

    • @FriendlySpiderFriend
      @FriendlySpiderFriend 4 роки тому

      I fixed this for myelf by clicking on the lock next to the website URL at the top left hand corner of my browser (i'm using chrome). and I enabled audio to ALLOW with the toggle options and it worked for me! The song plays on its own

  • @sincityfun6362
    @sincityfun6362 4 роки тому

    6 seconds ago
    Hello my new Friend!... I did and it works flawlessly... I love it... Check it out @ SinCityFun.Vegas ... Im still building my site BUT... It has my music intro now!!... You da Boss wit the Hot Sauce!!... Thank you again for a well thought-out instructional video!!