Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <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>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

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