70 lines
1.1 KiB
Plaintext
Raw Normal View History

const video-padding = 56.25%
2018-12-07 19:40:27 +00:00
const video-control-color = rgba(255, 255, 255, 0.75)
2017-10-12 15:52:46 +00:00
.video-container
2017-11-04 07:45:39 +00:00
position relative
width 100%
2017-11-07 08:57:52 +00:00
min-height 100px
2017-11-04 16:11:47 +00:00
padding-bottom video-padding
2017-11-04 07:45:39 +00:00
border-radius ui-element-border-radius
overflow hidden
2018-12-07 00:54:17 +00:00
:hover
.video-controls
opacity 1
.video
2017-11-04 07:45:39 +00:00
position absolute
width 100%
2017-11-04 07:45:39 +00:00
height 100%
left 0
2018-04-14 14:18:46 +00:00
top 0
2018-12-07 00:54:17 +00:00
background-color black
.video-controls
position absolute
2018-12-07 20:19:50 +00:00
bottom 0
right 0
padding 0.5rem 0.75rem
2018-12-07 00:54:17 +00:00
opacity 0
2018-12-07 20:19:50 +00:00
width 100%
2018-12-07 19:40:27 +00:00
horizontal
align-items center
2018-12-07 00:54:17 +00:00
default-transition
2018-12-07 19:40:27 +00:00
:hover
opacity 1 !important
2018-12-07 20:19:50 +00:00
.video-progress-bar
flex 1
height 5px
background rgba(255, 255, 255, 0.5)
border-radius ui-element-border-radius
overflow hidden
.video-current-progress
background rgba(255, 255, 255, 0.75)
width 100%
height 100%
transform scaleX(0)
transform-origin 0
.video-time
2018-12-07 19:40:27 +00:00
color video-control-color
2018-12-07 20:19:50 +00:00
margin-left 0.5rem
2018-12-07 19:40:27 +00:00
2018-12-07 00:54:17 +00:00
.video-control
2018-12-07 19:40:27 +00:00
background transparent !important
color video-control-color
2018-12-07 00:54:17 +00:00
border none
font-size 1.2rem
2018-12-07 19:40:27 +00:00
line-height 1em
height auto
padding 0
margin-left 0.5rem
:hover
color white
2018-12-07 00:54:17 +00:00
::-webkit-media-controls
display none !important