JSFiddle - React, Tailwind, and code Playground

by dorenstein

HTML

<video id="myvideo" width="420">
    <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4"></source>
    <source src="http://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg"></source>
    Your browser does not support HTML5 video.</video>
<div>
    <p>
        <button id="playme">Play/Pause Video</button>
    </p>
    <p>
        <button id="jump">Jump to 7</button>
    </p>
</div>

JavaScript

var myvideo = document.getElementById('myvideo'),
    playbutton = document.getElementById('playme'),
    jumplink = document.getElementById('jump');

jumplink.addEventListener("click", function (event) {
    event.preventDefault();
    myvideo.play();
    myvideo.pause();
    myvideo.currentTime = 7;
    myvideo.play();
}, false);

// only in to demonstrate video
playbutton.addEventListener("click", function () {
    if (myvideo.paused) {
        myvideo.play();
    } else {
        myvideo.pause();
    }
}, false);