Support » Alpha/Beta/RC » Audio placeholder not displaying correctly

  • When you insert a URL in an Audio Post, the audio placeholder doesn’t display correctly. It simply displays a black bar rather than the actual audio player. The Audio player is displaying in the published post ok, just not in the dashboard.

    Not sure if it’s also related to trac ticket #24235 which is for the issue where external audio files aren’t displayed correctly. I’m presuming not, since the background of the audio player displays, just not the actual audio controls.

Viewing 15 replies - 1 through 15 (of 15 total)
  • Check if the problem occurs in the various different browsers.
    Try e.g. Firefox, Chrome and IE.

    Display of these placeholders may vary with the browser and browser-version. Make sure you use the latest browser-version.

    Work-arounds may be needed to remedy the problem in certain browsers.

    Yeah, good call. Sorry, should’ve checked my other browsers first. The Audio player is displaying fine in Safari (6.0.4), Chrome (27.0.1453.93) & IE10 (10.0.9200). It’s not displaying (in the dashboard) in FF (21.0). It displays fine using FF on the actual website though.

    I’m using 3.6-beta3-24349.

    Good to hear it’s OK.
    Please don’t forget to mark the thread as ‘resolved’ [in the right sidebar]

    Yep, will do, when it’s resolved. The audio placeholder still doesn’t display properly in FF at the moment though.

    Sorry, you said:

    It’s not displaying (in the dashboard) in FF (21.0). It displays fine using FF on the actual website though.

    So I assumed it now displays OK in all major browsers.

    Please give the url and theme of your site so we can give ‘made to measure’ advice.

    Unfortunately the site is only on my Dev server at the moment, so I can’t provide any url to it I’m sorry. I’m just using Twenty Thirteen and the only plugin activated is the WordPress Beta Tester plugin. Have you tried replicating the issue on your own site by any chance? All I’m doing is creating a new Audio Post and uploading an MP3 file.

    As far as I can see the Twenty Thirteen theme is available in wordpress.COM. WP.ORG does not provide it yet, it seems?
    I’m having a hard time finding a working version.
    So replicating your problem is difficult.

    I’ve located a bit of code I feel is relevant to the issue.
    It is a workaround for browsers that don’t display placeholders…
    Be safe: make a back-up first 😉

    placeholder code

    <script type="text/javascript" src="../modernizr-1.7.js"></script>
    <script type="text/javascript" src="../jquery-1.5.1.js"></script>
    <script type="text/javascript" src="../placeholder.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            if (!Modernizr.input.placeholder) {

    The above script is best placed inside the <head> ... </head>

    The HTML below gives some examples of the use of this in forms.
    Adapt to fit your situation.

    <p><label for="Text1">Field 1: </label><input name="Text1" type="text" id="Text1" placeholder="Placeholder Text 1"/></p>
    <p><label for="Text2">Field 2: </label><input name="Text2" type="email" id="Text2" placeholder="Placeholder Text 2"/></p>
    <p><label for="Text3">Field 3: </label><input name="Text3" type="url" id="Text3" placeholder="Placeholder Text 3"/></p>

    I think you’re not understanding the problem. Not sure if you realise, but this is the Alpha/Beta forum. The problems here are currently for the beta version of version 3.6. Twenty Thirteen is the new default theme that comes bundled with 3.6. If you’ve downloaded and installed 3.6, you’ll have Twenty Thirteen in the themes folder.

    Also, I’m not talking about form fields. I’m talking about the Audio player that is shown when using the new/updated Post Formats. In particular, when creating an Audio Post Format. After you upload an audio file, the Audio Player is shown at the top of the post. In Firefox though, I’m only seeing a black bar, instead of the actual audio player.

    Lastly, with regards to your “solution”, you should never add scripts to your themes HEAD. And ESPECIALLY not jQuery! Scripts & sylesheets should ALWAYS be enqueued correctly using wp_enqueue_style or wp_enqueue_script.


    Moderator Ipstenu (Mika Epstein)


    🏳️‍🌈 Halfelf Rogue & Plugin Review Team Rep

    ahortin – This is working fine for me on trunk with all broswers you mentioned (Mac).

    Is the URL to the audio the same domain or something else?

    Thanks Mika. The audio file is on the same site. I uploaded an MP3 file. The site is running on my development server so it is possible that it may be a config issue with how my development server is setup, but if that’s the case, it seems strange why the audio player displays fine when you view the published page.

    I’ve tried clearing the browsers caches and also tried from different computers.

    On a side note, external URL’s are simply displaying the shortcode, but I know that’s due to Trac ticket I mentioned above (#24235) that still needs to be completed.

    Moderator Ipstenu (Mika Epstein)


    🏳️‍🌈 Halfelf Rogue & Plugin Review Team Rep

    Just to cross i’s and dot t’s, did you test on the TwentyThirteen theme?

    I did, yep. I tested with TwentyThirteen and another theme of my own.

    Thinking about it further, I presuming this no longer relevant now anyway as the new Post Formats are being removed from core and reverting back to how they were previously. This would mean that it would simply show up as a shortcode, rather than an audio player placeholder as before.

    Moderator Ipstenu (Mika Epstein)


    🏳️‍🌈 Halfelf Rogue & Plugin Review Team Rep

    You would be correct. It’s still something to note, though in light of PFUI being pulled, I’m going to tag this resolved, so we know not to mess with it for 3.6

    Sounds good! Thanks for that 🙂

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘Audio placeholder not displaying correctly’ is closed to new replies.