Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. General Discussion
  3. Audio Player

Audio Player

Scheduled Pinned Locked Moved General Discussion
11 Posts 6 Posters 1.4k Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • arminunruhA Offline
    arminunruhA Offline
    arminunruh
    Global Moderator
    wrote on last edited by
    #2

    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.

    1 Reply Last reply
    0
    • Y Offline
      Y Offline
      YYY
      wrote on last edited by
      #3

      Hi Armin,

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

      1 Reply Last reply
      0
      • DMBD Offline
        DMBD Offline
        DMB
        wrote on last edited by
        #4

        @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

        1 Reply Last reply
        0
        • Y Offline
          Y Offline
          YYY
          wrote on last edited by
          #5

          @DMB

          thank you so much it works!!

          1 Reply Last reply
          0
          • arminunruhA Offline
            arminunruhA Offline
            arminunruh
            Global Moderator
            wrote on last edited by
            #6

            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.

            1 Reply Last reply
            0
            • Y Offline
              Y Offline
              YYY
              wrote on last edited by
              #7

              @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

              1 Reply Last reply
              0
              • mariusjopenM Offline
                mariusjopenM Offline
                mariusjopen
                Global Moderator
                wrote on last edited by
                #8

                Hi @YYY

                Can you post a link to your website?

                Best!

                Marius

                www.mariusjopen.world

                1 Reply Last reply
                0
                • T Offline
                  T Offline
                  townshend
                  wrote on last edited by townshend
                  #9

                  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>
                  
                  1 Reply Last reply
                  0
                  • arminunruhA Offline
                    arminunruhA Offline
                    arminunruh
                    Global Moderator
                    wrote on last edited by
                    #10

                    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

                    T 1 Reply Last reply
                    0
                    • arminunruhA 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

                      T Offline
                      T Offline
                      townshend
                      wrote on last edited by
                      #11

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

                      1 Reply Last reply
                      0
                      Reply
                      • Reply as topic
                      Log in to reply
                      • Oldest to Newest
                      • Newest to Oldest
                      • Most Votes


                      I also code custom websites or custom Lay features.
                      šŸ’æ Email me here: šŸ’æ
                      info@laytheme.com

                      Before you post:
                      1. When using a WordPress Cache plugin, disable it or clear your cache.
                      2. Update Lay Theme and all Lay Theme Addons
                      3. Disable all Plugins
                      4. 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:
                      1. Post a link to where the problem is
                      2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
                      3. If the problem is difficult to explain, post screenshots / link to a video to explain it
                      Online Users
                      Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
                      laytheme.com
                      • Login

                      • Don't have an account? Register

                      • Login or register to search.
                      • First post
                        Last post
                      0
                      • Recent
                      • Tags
                      • Popular
                      • Users
                      • Search