Skip to content

Instantly share code, notes, and snippets.

@Azim-Sabbir

Azim-Sabbir/player.html

Created June 12, 2024 18:23
Show Gist options
  • Save Azim-Sabbir/829074bdf0adb585784ad3041d6307f7 to your computer and use it in GitHub Desktop.
Save Azim-Sabbir/829074bdf0adb585784ad3041d6307f7 to your computer and use it in GitHub Desktop.
Download ZIP
Simple video player with .mkv support
Raw
player.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link href="https://vjs.zencdn.net/8.10.0/video-js.css" rel="stylesheet" />
</head>
<body>
<video
id="my-video"
class="video-js"
controls
preload="auto"
width="640"
height="264"
poster="MY_VIDEO_POSTER.jpg"
data-setup="{}"
>
<!-- <source src="https://vjs.zencdn.net/v/oceans.mp4" type="video/mp4" />-->
<source src="http://10.100.100.12/data2/Movies/2.Hindi.Movies/Crew%20(2024)%20HDTS.mkv" type="video/mp4" />
<source src="http://10.100.100.12/data2/Movies/2.Hindi.Movies/Crew%20(2024)%20HDTS.mkv" type="video/mkv" />
<source src="http://10.100.100.12/data2/Movies/2.Hindi.Movies/Crew%20(2024)%20HDTS.mkv" type="video/ogg" />
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a
web browser that
<a href="https://videojs.com/html5-video-support/" target="_blank"
>supports HTML5 video</a
>
</p>
</video>
<script src="https://vjs.zencdn.net/8.10.0/video.min.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment