WordPress.org

Forums

mb.miniAudioPlayer - an HTML5 audio player for your mp3 files
Wp Super Cache and w3 total cache break player! (4 posts)

  1. jonbennett
    Member
    Posted 2 years ago #

    please help.

    when I try to use a cache plugin to speed up site, the buttons on the player turn into text.

    looks like this...

    http://l.jon.am/O7fe

    please help

    http://wordpress.org/extend/plugins/wp-miniaudioplayer/

  2. pupunzi
    Member
    Plugin Author

    Posted 2 years ago #

    Hi,
    The player uses @font-face to render buttons. Probably the cache plugin doesn't cache the location of the font used for the buttons and the css can't apply the correct font to render them.
    You could try replacing the relative path to the font with an absolute path in the miniplayer.css file.

    Bye,
    Matteo

  3. stevedmma
    Member
    Posted 2 years ago #

    Same issue here

    can u tell me exactly where to replace. I did it but im not sure i did it right.

    There's a few different locations and then there is local and url

    i just don't know which ones to change. Sorry its just not that easy fro non coder/web designers ;)

    @font-face {
      font-family: 'mb_audio_fontRegular';
      src: url('mbAudioFont/mbaudio_font.eot');
      src: local('?'), url('mbAudioFont/mbaudio_font.woff') format('woff'),
      url('mbAudioFont/mbaudio_font.ttf') format('truetype'),
      url('mbAudioFont/mbaudio_font.svg#webfontywr4YLri') format('svg');
      font-weight: normal;
      font-style: normal;
    }
    
    @font-face {
      font-family: 'DroidSansMonoRegular';
      src: url('DroidSansMono/DroidSansMono.eot');
      src: local('?'), url('DroidSansMono/DroidSansMono.woff') format('woff'),
      url('DroidSansMono/DroidSansMono.ttf')  format('truetype'),
      url('DroidSansMono/DroidSansMono.svg#webfontGzFJ3WpO') format('svg');
      font-weight: normal;
      font-style: normal;
    }
  4. pupunzi
    Member
    Plugin Author

    Posted 2 years ago #

    Hi,
    you could try replacing all the url('mbAudioFont/mbaudio_font.eot')
    with the complete path to the font file.
    For ex:
    url('http://mysite.com/wp-content/plugins/wp-miniaudioplayer/css/mbAudioFont/mbaudio_font.eot');

    Bye,
    M

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags