Skip to content

Instantly share code, notes, and snippets.

@superman-enamy
Created June 21, 2025 21:34
Show Gist options
  • Select an option

  • Save superman-enamy/2a483693a261860dd5b6e206fee6a0a8 to your computer and use it in GitHub Desktop.

Select an option

Save superman-enamy/2a483693a261860dd5b6e206fee6a0a8 to your computer and use it in GitHub Desktop.
VideoJS Player
<div class='container'>
<video width="680" class='video-js vjs-default-skin vjs-big-play-centered' controls='' data-setup='{}' id='sa-dev' preload='auto'>
<source src='https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4' type='video/mp4'/>
<track kind="captions" label="Indonesia" srclang="id" src="https://rawcdn.githack.com/sadevID/vidJS/f23e769a20d5e06f59afe4ab2f3bbfd154939838/View_From_A_Blue_Moon_Trailer-HD.id.vtt" default />
<track kind="captions" label="English" srclang="en" src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.en.vtt"/>
</video>
</div>
<p><center style='font-family:Inter;font-size:10px'>Open my website for full documentation.</center><center style='font-family:Inter,sans-serif;font-weight:400'>Created by <a href='https://dev.samedia.biz.id' target='_blank' style='font-weight:700;text-decoration: none'>SA DevLabs</a></center></p>
don't forget to adding links codepan.io/sadevid if you support me.
<script src="https://unpkg.com/video.js@7/dist/video.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/sadevID/vidJS@main/brands-ibc.js"></script>
.container{font-family:Inter, sans-serif;margin: auto; width:700px;}
.vjs-brand-container-link{position:relative;top:7px}
<link href="https://unpkg.com/video.js@7/dist/video-js.min.css" rel="stylesheet" />
<link href="https://unpkg.com/@videojs/themes@1/dist/fantasy/index.css" rel="stylesheet" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/videojs-brand.min.css" rel="stylesheet" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment