Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>I changed links to CSS:</p> <pre><code>&lt;link rel="stylesheet" href="css/reset.css"&gt; &lt;link rel="stylesheet" href="css/player.css"&gt; </code></pre> <p>As well as to scripts:</p> <pre><code>&lt;script src="http://code.jquery.com/jquery-1.9.1.min.js"&gt;&lt;/script&gt; &lt;script src="js/player.js"&gt;&lt;/script&gt; </code></pre> <p>Now it works well in <a href="https://www.dropbox.com/s/3mvue5otbm4vbgd/Capture.PNG" rel="nofollow">chrome</a></p> <p><strong>Update:</strong><br> It seems that both firefox and opera <a href="https://developer.mozilla.org/en-US/docs/HTML/Supported_media_formats" rel="nofollow">don't support mp3</a> in <code>&lt;audio/&gt;</code>.<br> In this case player.js fallbacks <code>&lt;audio/&gt;</code> tag to <code>&lt;embed/&gt;</code>.<br> There is no API to control playback for <code>&lt;embed/&gt;</code> instead you can use flash or make <code>&lt;embed/&gt;</code> visible changing player.js at <code>line 70</code></p> <pre><code>var thePlayer = !isSupport ? $('&lt;embed src="' + audioFile + '" width="100%" height="25" volume="100" autostart="' + isAutoPlay.toString() +'" loop="' + isLoop.toString() + '" /&gt;') : $( '&lt;div class="' + params.classPrefix + '"&gt;' + $( '&lt;div&gt;' ).append( $this.eq( 0 ).clone() ).html() + '&lt;div class="' + cssClass.playPause + '" title="' + params.strPlay + '"&gt;&lt;a href="#"&gt;' + params.strPlay + '&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;' ), </code></pre> <p>and deleting <code>thePlayer.addClass( cssClass.mini );</code> at <code>line 171</code></p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload