12345678910111213141516171819202122232425262728293031323334353637383940414243 |
- /**
- * @Author: Joachim M. Giæver
- * URL: https://git.giaever.org/Magy/alt-youtube-player
- */
- /*
- Adapt to your needs,
- but it shouldn't be necessary to add much of css
- as the js-script will handle sizing.
- */
- * {padding: 0;margin: 0;} /* Not necessary when using frameworks */
- .player {
- position: relative;
- z-index: 2;
- width: 70vw;
- margin: 0 auto;
- }
- /*
- Note that the > restricts the img to be on the root level of .player
- */
- .player > img.thumb {
- position: absolute;
- z-index: 1;
- width: 100%;
- }
- .player > iframe {
- position: absolute;
- z-index: -1;
- width: 100%;
- height: 100%;
- }
- .player.play {
- cursor: pointer;
- }
- .player.stop {
- cursor: not-allowed;
- }
- .player.loading {
- cursor: wait;
- }
|