Moovie.js - Media player made for movies - Demo 🚀

index.html

<script src="https://cdn.jsdelivr.net/gh/SH20RAJ/Sopplayer/mooviejs/js/moovie.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/SH20RAJ/Sopplayer/mooviejs/css/moovie.min.css">


<video id="example1" poster="https://github.com/SH20RAJ/Sopplayer/blob/main/sample.png?raw=true">
  <source src="https://bit.ly/bbsamplevideo" type="video/mp4">

  <track kind="captions" label="English" srclang="en" src="https://cdn.jsdelivr.net/gh/BMSVieira/moovie.js@main/demo-template/subtitles/en.vtt">  
  Your browser does not support the video tag.
</video>



<script>
document.addEventListener("DOMContentLoaded", function() {
   video1 = new Moovie({
      selector: "#example1",
      config: {
          controls : {
              playtime : true,
              mute : true,
              volume : true,
              subtitles : true,
              config : true,
              fullscreen : true,
              submenuCaptions : true,
              submenuOffset : true,
              submenuSpeed : true,
              allowLocalSubtitles : true
          }
      }
   });
});
</script>

moovie-js-media-player-made-for-movies-demo.markdown

Moovie.js - Media player made for movies - Demo 🚀

A Pen by SH20RAJ on CodePen.

License.

script.js

//Source :- https://dev.to/sh20raj/mooviejs-media-player-made-for-movies-integration-41kb/

style.css

:root {
  --moovie_main_color	: brown;
}