JSFiddle - React, Tailwind, and code Playground

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="https://d2zihajmogu5jn.cloudfront.net/bipbop-advanced/bipbop_16x9_variant.m3u8" type="application/x-mpegURL">
</video>

JavaScript

var overrideNative = false;

var player = videojs('example-video', {
	html5: {
    hls: {
      overrideNative: overrideNative
    },
    nativeVideoTracks: !overrideNative,
    nativeAudioTracks: !overrideNative,
    nativeTextTracks: !overrideNative
  }
});
player.play();