STYLE SWITCHER

Moovie.js – Responsive Movie Focused HTML5 Player

Moovie.js is a responsive, fully customizable, movie focused HTML5 video player with support for both WebVTT(.vtt) and SubRip(.srt) captions.

Installation (Browser):

1 – Include JavaScript Source.
<script src="path/to/moovie.js"></script>
  2 – Include Styles.
<link rel="stylesheet" href="path/to/moovie.css">
3 – Set HTML.
<video id="example" poster="<<path-to-poster>>">
  <source src="<<path-to-file.mp4>>" type="video/mp4">
  <track kind="captions" label="Portuguese" srclang="pt" src="<<path-to-caption.vtt>>">
  <track kind="captions" label="English" srclang="en" src="<<path-to-caption.vtt>>">
  Your browser does not support the video tag.
</video>

4 – Initilize.
document.addEventListener("DOMContentLoaded", function() {
   var demo = new Moovie({
     selector: "#example",
     dimensions: {
          width: "100%"
     }
   });
});
Website

Recent Article

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

  • Keep your skills sharp, get informed.

    Subscribe to our mailing list and get interesting stuff and updates to your email inbox