Skip to content

Instantly share code, notes, and snippets.

@thewh1teagle
Created January 8, 2021 20:11
Show Gist options
  • Select an option

  • Save thewh1teagle/f0b30cc9df4ebd2f8242530c46f1d7e6 to your computer and use it in GitHub Desktop.

Select an option

Save thewh1teagle/f0b30cc9df4ebd2f8242530c46f1d7e6 to your computer and use it in GitHub Desktop.
video.js subtitles
<!DOCTYPE html>
<html lang="en">
<head>
<link href="https://vjs.zencdn.net/7.10.2/video-js.css" rel="stylesheet" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<video id="dotsub_example" class="video-js vjs-default-skin" width="640" height="264" poster="http://video-js.zencoder.com/oceans-clip.png" controls preload="auto" data-setup='[]'>
<source src="https://video.mp4" type='video/mp4' />
<track kind='captions' src='captions.vtt' srclang='he' label='Hebrew' />
</video>
<script src="https://vjs.zencdn.net/7.10.2/video.min.js"></script>
<script>
var video = document.querySelector('video');
var select = document.querySelector('select');
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment