Audio widget shows URL instead of player

  • Resolved kolovoice

    (@kolovoice)


    4 years, 6 months ago

    I’m on WP 5.4.2 and using Elementor basic with the OceanWP theme. I uploaded an MP3 to my media library. When I add a WP audio widget to my page for that MP3 track, it looks fine in edit mode, displays the player as expected. See the first link below. But when I publish the page, the audio displays a URL and not the player. That is the second link below. I want the player to display and to stay on the page when playing the audio. My page is at: kolovoice.com

    WordPress audio widget in edit mode

    View post on imgur.com

    Thanks.

    • This topic was modified 4 years, 6 months ago by t-p. Reason: Moved to Fixing WordPress from Developing with WordPress

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi @kolovoice

    In Elementor elements, please search for “HTML” and insert the HTML element by Elemetor (https://prnt.sc/txjjn2) on your page.

    In the element, insert below provided HTML Code:

    <div align="center">
  <figure>
    <figcaption>Commercial demo</figcaption>
    <audio
        controls
        src="https://secureservercdn.net/45.40.146.38/bjn.cb4.myftpupload.com/wp-content/uploads/2020/08/Philip-Kolocotronis-commercial-demo-short.mp3?time=1597104915">
            Your browser does not support the audio element.
    </audio>
  </figure>
</div>

    Once you will insert it properly, it would start to display like this: https://prnt.sc/txjl9u

    I have tested this with Elemetor and it is working perfectly.

    Please let me know if you want any further assistance. ??

    Elementor Widgets not Loading can be caused due to several factors. It could be due to limited server resources, plugin conflicts, third-party addons, etc.

    1) Deactivate all the plugins on your site except Elementor and Elementor Pro.

    2) Now, check if WP audio widget is loading or not. If Elementor loads correctly then probably you have a plugin conflict or the server is running out of resources.

    3) Start activating plugins one by one and at the same time keep checking Elementor & WP audio widget functionality.

    4) If WP audio widget stops loading after activating a particular plugin then this could be a plugin conflict. ( Delete that plugin and fix the issues )

    5) After that, check if you see any JS errors or Messages in the Console when you try to load Elementor / WP widgets on a page. By this you can sort out script issues and fix it with updates.

    6) All done.

    Thread Starter kolovoice

    (@kolovoice)

    Thank you, @bizanimesh, that worked great!

    Happy to help. ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Audio widget shows URL instead of player’ is closed to new replies.