JSFiddle - React, Tailwind, and code Playground

by David Iglesias

HTML

<video id="myVideo" controls>
  <source src="https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" type="video/mp4">
</video>

CSS

#myVideo {
  width: 375px;
}

JavaScript

// Setting volume to 0.0 causes
// "mute" button taps to seemingly
// not do anything, because there's
// no "hover" to reveal the volume
// slider.
myVideo.volume = 0.0;
myVideo.play();

// The behavior is slightly different
// than setting myVideo.muted directly.