HTML Audio - negative playbackRate values not working?
<p>I'm playing with audio in HTML and JS/JQuery in order to build a audio player.  I have Play, Pause, and Fast Forward working, but not Rewind or Backwards.  In the <a href="http://www.w3schools.com/tags/av_prop_playbackrate.asp" rel="nofollow">W3Schools Documentation</a> it says:</p>

<blockquote>
  <p><em>playbackspeed</em>   Indicates the current playback speed of the audio/video. Example values:</p>
  
  <p>-1.0 is backwards</p>
</blockquote>

<p>So the code that I've written is as follows:</p>

<pre><code>&lt;audio id="player"&gt;
    &lt;source src="http://www.dkedomain.com/public/podcast/shows/the-domain-episode-09.mp3" type="audio/mpeg" /&gt;
&lt;/audio&gt;

&lt;button class="rewind"&gt;Rewind&lt;/button&gt;
&lt;button class="play"&gt;Play&lt;/button&gt;
&lt;button class="pause"&gt;Pause&lt;/button&gt;
&lt;button class="twotimes"&gt;2x&lt;/button&gt;
&lt;button class="forward"&gt;Fast Forward&lt;/button&gt;

&lt;script&gt;

    var player = document.getElementById('player');;
    player.load();

    $('button.rewind').click(function(){
        player.playbackRate = -1.0;
    });

    $('button.play').click(function(){
        player.play();
        console.log(player.currentTime);
    });

    $('button.pause').click(function(){
        player.pause();
        console.log(player.currentTime);
    });

    $('button.twotimes').click(function(){
        player.playbackRate = 2.0;
    });

    $('button.forward').click(function(){
        player.playbackRate = 3.0;
    });

&lt;/script&gt;
</code></pre>

<p>How do I get this to work as documented?</p>