New and reworked luxmty videojs skin for new video.js version 8.3.0
A Pen by EmilioSG11 on CodePen.
Created
July 26, 2024 17:58
-
-
Save andyiyass/18908744f6dc4892c37455a88139a8d4 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
Videojs Luxmty Skin Advanced