diff options
| author | Lester Caine <lester@lsces.co.uk> | 2026-05-15 11:33:30 +0100 |
|---|---|---|
| committer | Lester Caine <lester@lsces.co.uk> | 2026-05-15 11:33:30 +0100 |
| commit | 8bf31bcde496852f35a00b847bb50ba05f5386c9 (patch) | |
| tree | 97e8f59e767207d673c3a3381b4e69fa6040a966 /js/videojs/sandbox/icons.html.example | |
| parent | dcb7dd852a63d0a84056d3b84e2f05f0b5967900 (diff) | |
| download | themes-8bf31bcde496852f35a00b847bb50ba05f5386c9.tar.gz themes-8bf31bcde496852f35a00b847bb50ba05f5386c9.tar.bz2 themes-8bf31bcde496852f35a00b847bb50ba05f5386c9.zip | |
Add videojs package to javascript library
Diffstat (limited to 'js/videojs/sandbox/icons.html.example')
| -rw-r--r-- | js/videojs/sandbox/icons.html.example | 66 |
1 files changed, 66 insertions, 0 deletions
diff --git a/js/videojs/sandbox/icons.html.example b/js/videojs/sandbox/icons.html.example new file mode 100644 index 0000000..7453a6d --- /dev/null +++ b/js/videojs/sandbox/icons.html.example @@ -0,0 +1,66 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8" /> + <title>Video.js Icons Sandbox</title> + + <link href="../dist/video-js.css" rel="stylesheet" type="text/css"> + + <style> + .icon-list li span { font-size: 150% } + </style> +</head> +<body> + <h1>Video.js Icons</h1> + <p>This is a list of all of the icons available in the Video.js base stylesheet. The appropriate class is to the right of each icon.</p> + + <ul class="icon-list"> + <li><span class="vjs-icon-play"></span> <code>.vjs-icon-play</code></li> + <li><span class="vjs-icon-play-circle"></span> <code>.vjs-icon-play-circle</code></li> + <li><span class="vjs-icon-pause"></span> <code>.vjs-icon-pause</code></li> + <li><span class="vjs-icon-volume-mute"></span> <code>.vjs-icon-volume-mute</code></li> + <li><span class="vjs-icon-volume-low"></span> <code>.vjs-icon-volume-low</code></li> + <li><span class="vjs-icon-volume-mid"></span> <code>.vjs-icon-volume-mid</code></li> + <li><span class="vjs-icon-volume-high"></span> <code>.vjs-icon-volume-high</code></li> + <li><span class="vjs-icon-fullscreen-enter"></span> <code>.vjs-icon-fullscreen-enter</code></li> + <li><span class="vjs-icon-fullscreen-exit"></span> <code>.vjs-icon-fullscreen-exit</code></li> + <li><span class="vjs-icon-spinner"></span> <code>.vjs-icon-spinner</code></li> + <li><span class="vjs-icon-subtitles"></span> <code>.vjs-icon-subtitles</code></li> + <li><span class="vjs-icon-captions"></span> <code>.vjs-icon-captions</code></li> + <li><span class="vjs-icon-hd"></span> <code>.vjs-icon-hd</code></li> + <li><span class="vjs-icon-chapters"></span> <code>.vjs-icon-chapters</code></li> + <li><span class="vjs-icon-downloading"></span> <code>.vjs-icon-downloading</code></li> + <li><span class="vjs-icon-file-download"></span> <code>.vjs-icon-file-download</code></li> + <li><span class="vjs-icon-file-download-done"></span> <code>.vjs-icon-file-download-download</code></li> + <li><span class="vjs-icon-file-download-off"></span> <code>.vjs-icon-file-download-off</code></li> + <li><span class="vjs-icon-share"></span> <code>.vjs-icon-share</code></li> + <li><span class="vjs-icon-cog"></span> <code>.vjs-icon-cog</code></li> + <li><span class="vjs-icon-square"></span> <code>.vjs-icon-square</code></li> + <li><span class="vjs-icon-circle"></span> <code>.vjs-icon-circle</code></li> + <li><span class="vjs-icon-circle-outline"></span> <code>.vjs-icon-circle-outline</code></li> + <li><span class="vjs-icon-circle-inner-circle"></span> <code>.vjs-icon-circle-inner-circle</code></li> + <li><span class="vjs-icon-cancel"></span> <code>.vjs-icon-cancel</code></li> + <li><span class="vjs-icon-repeat"></span> <code>.vjs-icon-repeat</code></li> + <li><span class="vjs-icon-replay"></span> <code>.vjs-icon-replay</code></li> + <li><span class="vjs-icon-replay-5"></span> <code>.vjs-icon-replay-5</code></li> + <li><span class="vjs-icon-replay-10"></span> <code>.vjs-icon-replay-10</code></li> + <li><span class="vjs-icon-replay-30"></span> <code>.vjs-icon-replay-30</code></li> + <li><span class="vjs-icon-forward-5"></span> <code>.vjs-icon-forward-5</code></li> + <li><span class="vjs-icon-forward-10"></span> <code>.vjs-icon-forward-10</code></li> + <li><span class="vjs-icon-forward-30"></span> <code>.vjs-icon-forward-30</code></li> + <li><span class="vjs-icon-audio"></span> <code>.vjs-icon-audio</code></li> + <li><span class="vjs-icon-next-item"></span> <code>.vjs-next-item</code></li> + <li><span class="vjs-icon-previous-item"></span> <code>.vjs-icon-previous-item</code></li> + <li><span class="vjs-icon-shuffle"></span> <code>.vjs-icon-shuffle</code></li> + <li><span class="vjs-icon-cast"></span> <code>.vjs-icon-cast</code></li> + <li><span class="vjs-icon-picture-in-picture-enter"></span> <code>.vjs-icon-picture-in-picture-enter</code></li> + <li><span class="vjs-icon-picture-in-picture-exit"></span> <code>.vjs-icon-picture-in-picture-exit</code></li> + <li><span class="vjs-icon-facebook"></span> <code>.vjs-icon-facebook</code></li> + <li><span class="vjs-icon-linkedin"></span> <code>.vjs-icon-linkedin</code></li> + <li><span class="vjs-icon-twitter"></span> <code>.vjs-icon-twitter</code></li> + <li><span class="vjs-icon-tumblr"></span> <code>.vjs-icon-tumblr</code></li> + <li><span class="vjs-icon-pinterest"></span> <code>.vjs-icon-pinterest</code></li> + <li><span class="vjs-icon-audio-description"></span> <code>.vjs-icon-audio-description</code></li> + </ul> +</body> +</html> |