JSFiddle - React, Tailwind, and code Playground

by dledle2

HTML

<link rel="stylesheet" href="https://vjs.zencdn.net/6.2.0/video-js.css">
<script src="https://vjs.zencdn.net/6.2.0/video.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/video.js/6.2.5/video.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/dashjs/2.5.0/dash.all.min.js"></script>
<!-- <script src="//cdnjs.cloudflare.com/ajax/libs/videojs-contrib-dash/2.9.1/videojs-dash.min.js"></script>
   // -->
<script src='//cdnjs.cloudflare.com/ajax/libs/videojs-contrib-hls/5.8.3/videojs-contrib-hls.min.js'></script>

<body>
<video class="video-js vjs-default-skin vjs-16-9" controls id="my-video"></video>
</body>

JavaScript

tracks_info = [];

tracks_info.push({
	src: "https://raw.githubusercontent.com/videojs/video.js/master/docs/examples/shared/example-captions.vtt",
  label: "Eng",
  kind: "captions"
})

player = videojs("my-video",{
	sources:[{
  	src: "http://tvemsnbc-lh.akamaihd.net/i/nbcmsnbc_1@122532/index_796_av-p.m3u8?sd=10&rebase=on",
 		type: "application/x-mpegURL"
 	}],
  tracks: tracks_info,
  width: 400,
  height: 17,
}, function(p){
	alert(player.textTracks().length);
  setTimeout(function(){
  	alert(player.textTracks().length);
  },50)
})