JSFiddle - React, Tailwind, and code Playground

by Sathish Kotha

HTML

<link href="https://unpkg.com/video.js@6.4.0/dist/video-js.css" rel="stylesheet">
<script src="https://unpkg.com/video.js@6.4.0/dist/video.js"></script>
<script src="https://unpkg.com/videojs-flash@2.0.1/dist/videojs-flash.js"></script>
<script src="https://unpkg.com/videojs-contrib-hls@5.12.2/dist/videojs-contrib-hls.js"></script>

<video id=example-video width=600 height=300 class="video-js vjs-default-skin" controls>
  <source src="http://d2zihajmogu5jn.cloudfront.net/bipbop-advanced/bipbop_16x9_variant.m3u8" type="application/x-mpegURL">
</video>
<input id="id3" type="text" readonly />

JavaScript

videojs.options.hls.overrideNative = true;
videojs.options.html5.nativeAudioTracks = false;
videojs.options.html5.nativeVideoTracks = false;
videojs.options.html5.nativeTextTracks = false;

var player = videojs('example-video', {
  techOrder: ['html5']
});
player.play();