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.
  • J Offline
    J Offline
    jazzzzza
    wrote on last edited by
    #1

    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?

    https://codex.wordpress.org/Audio_Shortcode

    1 Reply Last reply
    0
    • 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
                        dafvD
                        dafv
                        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