Skip to content

Instantly share code, notes, and snippets.

@shelomito12
Last active January 20, 2021 01:20
Show Gist options
  • Save shelomito12/514fad09eef545648cddbd13a26df4de to your computer and use it in GitHub Desktop.
Save shelomito12/514fad09eef545648cddbd13a26df4de to your computer and use it in GitHub Desktop.
Video Player VOD
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
</head>
<body>
<div id="player">
<video width="100%" oncontextmenu="return false;" controls playsinline controlsList="nodownload" poster="https://redyajad.weebly.com/files/theme/images/Banner_programa_de_estudios_DVAR_EMET.jpg">
<source src="https://storagemadeeasy.com/files/ca5f7347e94c401f6342111f7338b792.mp4" type="video/mp4" size="640">
</video>
</div>
<div id="player">
<video width="100%" oncontextmenu="return false;" controls playsinline controlsList="nodownload" poster="https://redyajad.weebly.com/files/theme/images/Banner_programa_de_estudios_DVAR_EMET.jpg">
<source src="https://storagemadeeasy.com/files/dc47fc942f7e98b9bc84c934833e4297.mp4" type="video/mp4" size="640">
</video>
</div>
<link rel="stylesheet" href="https://cdn.plyr.io/3.6.3/plyr.css" type="text/css" />
<script src="https://cdn.plyr.io/3.6.3/plyr.js"></script></script>
<script>
const players = Array.from(document.querySelectorAll('video')).map(p => new Plyr(p));
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment