title: how to play video after complete download in html5 video player?
body: <pre><code>    // htm video tag 
      &lt;video id="myVideo" width="320" height="176" preload="auto" controls&gt;
        &lt;source src="/server/o//content/test2.mp4" onerror="alert('video not found')" type="video/mp4"&gt; Your browser does not support HTML5 video.
      &lt;/video&gt;
  
      // vuejs script
      start() {
        myVideo.onprogress = function(e) {
          try {
            var pro = myVideo.buffered.end(0) / e.srcElement.duration * 100
            myVideo.play()
            vprogress.value = Math.round(pro)
            if (Math.round(e.srcElement.buffered.end(0)) / Math.round(e.srcElement.seekable.end(0)) === 1) {
              alert('download complete')
              alert(this.showvideo)
            }
          } catch (e) {
            console.log(e)
          }
        }
      }
    },
    mounted() {
      this.start()
    }
  </code></pre>
  
  <p>I want to download video on page load and after complete download it will play auto automatically 
  onprogress event is called when i play the video but i want to call without playing the video .</p>