JSFiddle - React, Tailwind, and code Playground

by chrisjg

HTML

<video id="myvideo">
    <source src="http://maw-2013.s3.amazonaws.com/Martial%20Art%20World%20Andover%20martial%20arts%20classes.mp4" />
    <source src="http://maw-2013.s3.amazonaws.com/Martial%20Art%20World%20Andover%20martial%20arts%20classes.webmhd.webm" />
</video>
<p onclick="toggleControls();">Toggle</p>

JavaScript

var video = document.getElementById("myvideo");

function toggleControls() {
    if (video.hasAttribute("controls")) {
        video.removeAttribute("controls");
    } else {
        video.setAttribute("controls", "controls");
    }
}