<script src="path/to/moovie.js"></script>

<link rel="stylesheet" href="path/to/moovie.css">

<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>>">
  Ваш браузер не поддерживает тег video.
</video>

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

npm i mooviejs

<link rel="stylesheet" href="path/to/moovie.css">

<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>>">
  Ваш браузер не поддерживает тег video.
</video>

const Moovie = require('mooviejs');
var demo = new Moovie({
     selector: "#example",
     dimensions: {
          width: "100%"
     },
     icons: {
        path: "<path/to/icons/folder>"
     }
});

// Javascript
<script src="https://cdn.jsdelivr.net/gh/BMSVieira/moovie.js@latest/js/moovie.min.js"></script>

// CSS
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/BMSVieira/moovie.js@latest/css/moovie.min.css">

<video>
  <track kind="captions" label="<<Язык>>" srclang="<<Исходный язык>>" src="<<путь к caption.vtt/.srt>>">
</video>

Видеоплеер ➔ ⚙️ ➔ Субтитры ➔ Загрузить локально

```javascript
demo.addTrack({
  options : {
        0: {
            label: 'Italian',
            srclang: "it",
            src: "<<path-to-file.vtt/.srt"
        },
        1: {
            label: 'Spanish',
            srclang: "es",
            src: "<<path-to-file.vtt/.srt"
        }
    },
    onComplete: function(){
      console.log("Completed!");
    } 
});
```

```javascript
demo.change({
     video: {
         videoSrc: "<<path-to-video>>",
         posterSrc: "<<path-to-poster>>"
     },
     captions:{
         clearCaptions: true
     },
     onComplete: function(){
         console.log("Completed!");
     } 
});
```

demo.maximumOffset

**// Возвращает текущее смещение заголовка** 
demo.captionOffset

**// Возвращает текущий источник проигрывателя**
demo.source

// Устанавливает currentTime на заданное число (секунды)
demo.currentTime = 60

// Устанавливает громкость проигрывателя на заданное число (0,5 — половина громкости)
demo.volume = 0.5

// Устанавливает скорость воспроизведения проигрывателя на заданное число (от 0,1 до 8)
demo.speed = 2

// Устанавливает смещение заголовка проигрывателя на заданное число (-5 до 5)
demo.captionOffset = 2

// Включает или выключает проигрыватель (логическое значение)
demo.muted = true

demo.video.addEventListener("canplay", (event) => {
   console.log(event);
});

config: {
    icons: {
        path: "./path/to/folder/"
    }
}

moovie/
├── icons/
│   ├── back.svg
│   ├── caption.svg
│   ├── cc.svg
│   ├── cog.svg
│   ├── fullscreen.svg
│   ├── mute.svg
│   ├── next.svg
│   ├── pause.svg
│   ├── play.svg
│   └── volume.svg
|
├── css/
│   ├── moovie.css
|
└── js/
    ├── moovie.js

<!-- Включить путь плагина после moovie.js -->
<script src="path/to/plugin.js"></script>

// Инициализировать Moovie
var demo = new Moovie({selector: "#example"});

// Вызвать внешний плагин (пример плейлиста)
var PlaylistPlugin = new _Moovie_Playlist({reference: demo});

var demo = new Moovie({
  selector: "#example",
  customEvents: [
    {
      type: "skip",
      to: "56",
      starttime: "10",
      endtime: "20",
      content: **Укажите расположение папки с иконками**

```javascript
document.addEventListener("DOMContentLoaded", function() {
  var demo = new Moovie({
    selector: "#example",
    moovie_internalID: null, // Перезаписывает сгенерированный randomID
    dimensions: {
         width: "100%"
    },
    config: {
        main : {
            loop: true
        },
        storage: {
           captionOffset: false,
           playrateSpeed: false,
           captionSize: false
        },
        controls : {
            playtime : true,
            mute : true,
            volume : true,
            subtitles : true,
            config : true,
            fullscreen : true,
            submenuCaptions : true,
            submenuOffset : true,
            submenuSpeed : true,
            allowLocalSubtitles : true  
        },
        i18n : {
            play : "(Play:Pause)",
            mute : "(Mute:Unmute)",
            subtitles : "(Enable:Disable) Subtitles",
            config : "Settings",
            fullscreen : "(Enter:Exit) Fullscreen",
            main_topic: "settings:",
            main_caption: "Captions",
            main_offset: "Caption Offset",
            main_speed: "Speed",
            main_disabled: "Disabled",
            main_default: "Default",
            caption_topic: "Captions:",
            caption_back: "Back",
            caption_load: "Load Locally",
            offset_topic: "Adjust Caption Offset",
            speed_topic: "Speed Adjust"
         }
    },
    icons: {
        path: "./path/to/folder/"
    }
  });
});