web/video.js
1
0
Fork 0
mirror of https://github.com/videojs/video.js.git synced 2024-12-23 02:04:34 +02:00
Code Releases Activity
bc-65319-special-characters-error
video.js/sandbox/icons.html.example

67 lines
4.4 KiB
Plaintext
Raw Permalink Normal View History

@mmcc added a new default skin, switched to SASS, modified the html closes #1999 - removed old less style. no going back now. - switched back to video-js.scss naming and added a base-style injection class - cleaned up and simplified big play btn - Flexbox straight flexin. - move to using variables for text and icon font families - use table layout for IE 8 and 9 - moved to using extend for icons - Switched to SASS, added a new default theme, updated the html - added horizontal classes - added connect-watch grunt task - show all the things in the control bar so everything is available by default (and hidden via css - reignore dist for now - removing trailing comma to get the tests passing - Switched to using libsass and removed incompatible "black magic" - updating to es6 syntax - removed old separator, added grunt task for dev, and updated example - singular time-control and live-control. remove playing class on pause - updated separator control styles - Show full control bar when a player goes to fullscreen. Also added a grunt task specifically for skin development (only watches sass file changes and runs sass) - allow poster image to toggle playback - This allows the poster image to toggle play / pause on audio-only sources - fixed issue with scrollbars in Chrome on Linux - make the control bar not-quite-black - added back some focus highlights until we decide on another path
2015-04-28 18:44:47 +02:00
<!DOCTYPE html>
@OwenEdwards added language attribute in HTML files for accessibility. closes #3257
2016-04-29 00:29:40 +02:00
<html lang="en">
@mmcc added a new default skin, switched to SASS, modified the html closes #1999 - removed old less style. no going back now. - switched back to video-js.scss naming and added a base-style injection class - cleaned up and simplified big play btn - Flexbox straight flexin. - move to using variables for text and icon font families - use table layout for IE 8 and 9 - moved to using extend for icons - Switched to SASS, added a new default theme, updated the html - added horizontal classes - added connect-watch grunt task - show all the things in the control bar so everything is available by default (and hidden via css - reignore dist for now - removing trailing comma to get the tests passing - Switched to using libsass and removed incompatible "black magic" - updating to es6 syntax - removed old separator, added grunt task for dev, and updated example - singular time-control and live-control. remove playing class on pause - updated separator control styles - Show full control bar when a player goes to fullscreen. Also added a grunt task specifically for skin development (only watches sass file changes and runs sass) - allow poster image to toggle playback - This allows the poster image to toggle play / pause on audio-only sources - fixed issue with scrollbars in Chrome on Linux - make the control bar not-quite-black - added back some focus highlights until we decide on another path
2015-04-28 18:44:47 +02:00
<head>
<meta charset="utf-8" />
<title>Video.js Icons Sandbox</title>
chore: generate a test example on netlify for PRs (#4912)
2018-01-30 18:17:41 +02:00
<link href="../dist/video-js.css" rel="stylesheet" type="text/css">
@mmcc added a new default skin, switched to SASS, modified the html closes #1999 - removed old less style. no going back now. - switched back to video-js.scss naming and added a base-style injection class - cleaned up and simplified big play btn - Flexbox straight flexin. - move to using variables for text and icon font families - use table layout for IE 8 and 9 - moved to using extend for icons - Switched to SASS, added a new default theme, updated the html - added horizontal classes - added connect-watch grunt task - show all the things in the control bar so everything is available by default (and hidden via css - reignore dist for now - removing trailing comma to get the tests passing - Switched to using libsass and removed incompatible "black magic" - updating to es6 syntax - removed old separator, added grunt task for dev, and updated example - singular time-control and live-control. remove playing class on pause - updated separator control styles - Show full control bar when a player goes to fullscreen. Also added a grunt task specifically for skin development (only watches sass file changes and runs sass) - allow poster image to toggle playback - This allows the poster image to toggle play / pause on audio-only sources - fixed issue with scrollbars in Chrome on Linux - make the control bar not-quite-black - added back some focus highlights until we decide on another path
2015-04-28 18:44:47 +02:00
<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>
chore: upgrade videojs-font to 4.0.0 (#8117) * upgrade videojs-font to 4.0 & update icons example * update css content to use font 4.0 unicodes
2023-02-10 19:41:49 +02:00
<li><span class="vjs-icon-play-circle"></span> <code>.vjs-icon-play-circle</code></li>
@mmcc added a new default skin, switched to SASS, modified the html closes #1999 - removed old less style. no going back now. - switched back to video-js.scss naming and added a base-style injection class - cleaned up and simplified big play btn - Flexbox straight flexin. - move to using variables for text and icon font families - use table layout for IE 8 and 9 - moved to using extend for icons - Switched to SASS, added a new default theme, updated the html - added horizontal classes - added connect-watch grunt task - show all the things in the control bar so everything is available by default (and hidden via css - reignore dist for now - removing trailing comma to get the tests passing - Switched to using libsass and removed incompatible "black magic" - updating to es6 syntax - removed old separator, added grunt task for dev, and updated example - singular time-control and live-control. remove playing class on pause - updated separator control styles - Show full control bar when a player goes to fullscreen. Also added a grunt task specifically for skin development (only watches sass file changes and runs sass) - allow poster image to toggle playback - This allows the poster image to toggle play / pause on audio-only sources - fixed issue with scrollbars in Chrome on Linux - make the control bar not-quite-black - added back some focus highlights until we decide on another path
2015-04-28 18:44:47 +02:00
<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>
chore: upgrade videojs-font to 4.0.0 (#8117) * upgrade videojs-font to 4.0 & update icons example * update css content to use font 4.0 unicodes
2023-02-10 19:41:49 +02:00
<li><span class="vjs-icon-hd"></span> <code>.vjs-icon-hd</code></li>
@mmcc added a new default skin, switched to SASS, modified the html closes #1999 - removed old less style. no going back now. - switched back to video-js.scss naming and added a base-style injection class - cleaned up and simplified big play btn - Flexbox straight flexin. - move to using variables for text and icon font families - use table layout for IE 8 and 9 - moved to using extend for icons - Switched to SASS, added a new default theme, updated the html - added horizontal classes - added connect-watch grunt task - show all the things in the control bar so everything is available by default (and hidden via css - reignore dist for now - removing trailing comma to get the tests passing - Switched to using libsass and removed incompatible "black magic" - updating to es6 syntax - removed old separator, added grunt task for dev, and updated example - singular time-control and live-control. remove playing class on pause - updated separator control styles - Show full control bar when a player goes to fullscreen. Also added a grunt task specifically for skin development (only watches sass file changes and runs sass) - allow poster image to toggle playback - This allows the poster image to toggle play / pause on audio-only sources - fixed issue with scrollbars in Chrome on Linux - make the control bar not-quite-black - added back some focus highlights until we decide on another path
2015-04-28 18:44:47 +02:00
<li><span class="vjs-icon-chapters"></span> <code>.vjs-icon-chapters</code></li>
chore: upgrade videojs-font to 4.0.0 (#8117) * upgrade videojs-font to 4.0 & update icons example * update css content to use font 4.0 unicodes
2023-02-10 19:41:49 +02:00
<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>
@mmcc added a new default skin, switched to SASS, modified the html closes #1999 - removed old less style. no going back now. - switched back to video-js.scss naming and added a base-style injection class - cleaned up and simplified big play btn - Flexbox straight flexin. - move to using variables for text and icon font families - use table layout for IE 8 and 9 - moved to using extend for icons - Switched to SASS, added a new default theme, updated the html - added horizontal classes - added connect-watch grunt task - show all the things in the control bar so everything is available by default (and hidden via css - reignore dist for now - removing trailing comma to get the tests passing - Switched to using libsass and removed incompatible "black magic" - updating to es6 syntax - removed old separator, added grunt task for dev, and updated example - singular time-control and live-control. remove playing class on pause - updated separator control styles - Show full control bar when a player goes to fullscreen. Also added a grunt task specifically for skin development (only watches sass file changes and runs sass) - allow poster image to toggle playback - This allows the poster image to toggle play / pause on audio-only sources - fixed issue with scrollbars in Chrome on Linux - make the control bar not-quite-black - added back some focus highlights until we decide on another path
2015-04-28 18:44:47 +02:00
<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>
chore: upgrade videojs-font to 4.0.0 (#8117) * upgrade videojs-font to 4.0 & update icons example * update css content to use font 4.0 unicodes
2023-02-10 19:41:49 +02:00
<li><span class="vjs-icon-square"></span> <code>.vjs-icon-square</code></li>
@mmcc added a new default skin, switched to SASS, modified the html closes #1999 - removed old less style. no going back now. - switched back to video-js.scss naming and added a base-style injection class - cleaned up and simplified big play btn - Flexbox straight flexin. - move to using variables for text and icon font families - use table layout for IE 8 and 9 - moved to using extend for icons - Switched to SASS, added a new default theme, updated the html - added horizontal classes - added connect-watch grunt task - show all the things in the control bar so everything is available by default (and hidden via css - reignore dist for now - removing trailing comma to get the tests passing - Switched to using libsass and removed incompatible "black magic" - updating to es6 syntax - removed old separator, added grunt task for dev, and updated example - singular time-control and live-control. remove playing class on pause - updated separator control styles - Show full control bar when a player goes to fullscreen. Also added a grunt task specifically for skin development (only watches sass file changes and runs sass) - allow poster image to toggle playback - This allows the poster image to toggle play / pause on audio-only sources - fixed issue with scrollbars in Chrome on Linux - make the control bar not-quite-black - added back some focus highlights until we decide on another path
2015-04-28 18:44:47 +02:00
<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>
chore: upgrade videojs-font to 4.0.0 (#8117) * upgrade videojs-font to 4.0 & update icons example * update css content to use font 4.0 unicodes
2023-02-10 19:41:49 +02:00
<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>
@mmcc added a new default skin, switched to SASS, modified the html closes #1999 - removed old less style. no going back now. - switched back to video-js.scss naming and added a base-style injection class - cleaned up and simplified big play btn - Flexbox straight flexin. - move to using variables for text and icon font families - use table layout for IE 8 and 9 - moved to using extend for icons - Switched to SASS, added a new default theme, updated the html - added horizontal classes - added connect-watch grunt task - show all the things in the control bar so everything is available by default (and hidden via css - reignore dist for now - removing trailing comma to get the tests passing - Switched to using libsass and removed incompatible "black magic" - updating to es6 syntax - removed old separator, added grunt task for dev, and updated example - singular time-control and live-control. remove playing class on pause - updated separator control styles - Show full control bar when a player goes to fullscreen. Also added a grunt task specifically for skin development (only watches sass file changes and runs sass) - allow poster image to toggle playback - This allows the poster image to toggle play / pause on audio-only sources - fixed issue with scrollbars in Chrome on Linux - make the control bar not-quite-black - added back some focus highlights until we decide on another path
2015-04-28 18:44:47 +02:00
</ul>
</body>
</html>
Copy Permalink