Integrate Video.Js Video Player in Simple HTML5 Video Player

See Video Documentation :- 

 

See All Video.JS Demo Here - >

Download

There are a few ways to get started using Video.js (currently v7.10.2), but you should select the one that best fits your particular use case.

Video.js CDN

Our friends at Fastly are nice enough to provide hosting for all the necessary files for Video.js on their content delivery network. Using these hosted files is probably the easiest way to get started using Video.js, you simply need to include the following links in your page.

Demo <video> Tag ...

Note :- Assign 

<video
  id="my-video"
  class="video-js"
  controls
  preload="auto"
  width="640"
  height="364"
  poster="MY_VIDEO_POSTER.jpg"
  data-setup="{}"
>
  <source src="https://commondatastorage.googleapis.com/gtv-videos-bucket/CastVideos/mp4/BigBuckBunny.mp4" type="video/mp4" />
 </video>

HTML

---

<link href="https://cdnjs.cloudflare.com/ajax/libs/video.js/7.0.0/video.min.css" rel="stylesheet" />

HTML

         (ii) For Js - 

<script src="https://cdnjs.cloudflare.com/ajax/libs/video.js/7.0.0/video.min.js"></script>

HTML

Here is the Demo Body ...

00000

See File Used in Video Making :- https://github.com/CXDI/youtube-files/blob/main/Videojs/video-js.html