JSFiddle - React, Tailwind, and code Playground

by nachocab

HTML

<div id="app">
  <smart-audio :key="key"></smart-audio>
  <button @click="toggleTrack">Reset fragment</button>
 </div>

JavaScript

Vue.component('smart-audio',{
props: ['key'],
template: '<div>  <audio :key="key" ref="player" controls src="https://upload.wikimedia.org/wikipedia/en/4/45/ACDC_-_Back_In_Black-sample.ogg#t=4,5"> </audio></div>'
})

new Vue({
	el: '#app',
  data() {
  	return {
      key: 0
    }
  },

  methods: {
  	toggleTrack() {
    	this.key += 1
    }
  }
})