New and reworked luxmty videojs skin for new video.js version 8.3.0
A Pen by EmilioSG11 on CodePen.
Created
July 28, 2024 18:30
-
-
Save superman-enamy/a7a34e31016686c26f69f0ccafe6f759 to your computer and use it in GitHub Desktop.
Videojs Luxmty Skin Advanced
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="player-container"> | |
| <video-js id="video-player" class="vjs-luxmty vjs-16-9 vjs-show-big-play-button-on-pause" poster="https://raw.githubusercontent.com/EmilioSG11/videojs-cosmos-skin/main/images/bbunny.jpg"> | |
| <source src="https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8" type="" /> | |
| </video-js> | |
| </div> | |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/video.min.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/Youtube.min.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/videojs-mobile-ui.min.js"></script> | |
| <script src="https://cdn.jsdelivr.net/gh/EmilioSG11/videojs-hls-quality-selector@main/dist/videojs-hls-quality-selector.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/videojs-logo.min.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/@misterben/[email protected]/dist/videojs-poster-time.min.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/videojs-contextmenu-ui.min.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/videojs-contrib-quality-menu.js"></script> | |
| <script src="https://dl.dropbox.com/scl/fi/v0ulq6iiu152blz4h4vt9/luxmtyadv.min.js?rlkey=o1bzgv7mh6oa6gamnfwr2fljz"></script> | |
| <script src="https://dl.dropbox.com/scl/fi/ogug37z70m3c93xmcbo2j/demo-luxmty-advanced.js?rlkey=p122gt64kciuh2ufa9h9gvnkn"></script> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| body { | |
| background: #222; | |
| background: radial-gradient(#000, hsl(200deg, 30%, 6%)); | |
| color: #aaa; | |
| font-family: Questrial, Arial, Helvetica, Sans Serif; | |
| margin-top: 8px; | |
| } | |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/video-js.min.css" rel="stylesheet" /> | |
| <link href="https://fonts.googleapis.com/css2?family=Questrial&display=swap" rel="stylesheet" /> | |
| <link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet" /> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment