JSFiddle - React, Tailwind, and code Playground

by musicreader

HTML

<!-- Media content from W3Schools -->
<video id="myvideo" controls muted>
    <source src="http://www.w3schools.com/html/movie.mp4" type="video/mp4" />
    <audio id="myaudio" controls>
        <source src="http://www.hochmuth.com/mp3/Haydn_Cello_Concerto_D-1.mp3" type="audio/mpeg"/>
    </audio>
</video>

JavaScript

var myvideo = document.getElementById("myvideo");
var myaudio = document.getElementById("myaudio");
myvideo.onplay  = function() { myaudio.currentTime=myvideo.currentTime;myaudio.play();  }
myvideo.onpause = function() { myaudio.pause(); }
myvideo.onseek  = function() { myaudio.currentTime=myvideo.currentTime }