title: Html audio unable to set currentTime even inside canplay eventhandler
body: <p>I am trying to set the <code>currentTime</code> of a audio inside <code>canplay</code> event listener but its not working on server but works when directly html file is opened .</p>
  <pre><code>    var audio = document.getElementById(&quot;audio-element&quot;);
      var softSlider = document.getElementById('aslider');
      audio.addEventListener('canplay', function () { 
          softSlider.noUiSlider.on('set.one', function (values, handle, unencoded, tap, positions) { 
          
              console.log(&quot;triggerd &quot;+handle+&quot; &quot;+values)
              if (handle==0){
                  audio.pause();
                  startTime=values[handle];
              
                  audio.currentTime=startTime;
                  // vv.play();
          
              }
              else if(handle==1){
                  endTime=values[handle];
                  
                      audio.pause();
                      audio.currentTime=startTime;
                  
          
              }
              console.log(&quot;value &quot;+audio.currentTime);
          
          
          });
      });
  </code></pre>
  <p>The event is firing and getting log but every time <code>currentTime</code> goes back to  0</p>
  <pre><code>//Log
  audio duration information available
  triggerd 0 25.94,211.33
  value 0
  </code></pre>
  <p>as in the log event fired by a slider with handle 0 and <code>starttime</code> should be set to 25.94 but after I set <code>currentTime</code> to 25.94 it falls back to 0. I am also using loadedmetadata to check metadata is available or not.</p>
  <p>I am using chrome Version 70.0.3538.77 (Official Build) (64-bit) Running with django templates</p>