Settings Menu

Captions styling using the settings menu

Demonstrate caption styling with the settings menu configuring the player style with is-settings

    
   <div class="flex w-full">
          <div id="settings-menu" class="is-settings"></div>
  </div>
  <script type="text/javascript">
  	var player = flowplayer("#settings-menu", {
    "clip": {
        "sources": [
            {
                "src": "https://videos.electroteque.org/bitrate/sintel_2000k.webm",
                "type": "video/webm"
            },
            {
                "src": "https://videos.electroteque.org/bitrate/sintel_2000k.mp4",
                "type": "video/mp4"
            }
        ],
        "subtitles": [
            {
                "default": 1,
                "kind": "subtitles",
                "label": "English",
                "src": "//videos.electroteque.org/subtitles/sintel/sintel_en.vtt",
                "srclang": "en"
            },
            {
                "kind": "subtitles",
                "label": "Deutsch",
                "src": "//videos.electroteque.org/subtitles/sintel/sintel_de.vtt",
                "srclang": "de"
            },
            {
                "kind": "subtitles",
                "label": "French",
                "src": "//videos.electroteque.org/subtitles/sintel/sintel_fr.vtt",
                "srclang": "fr"
            },
            {
                "kind": "subtitles",
                "label": "Italian",
                "src": "//videos.electroteque.org/subtitles/sintel/sintel_it.vtt",
                "srclang": "it"
            }
        ]
    },
    "share": false
});
  </script>