2018-03-18 18:09:58 +00:00
|
|
|
const video-padding = 56.25%
|
2017-10-12 15:52:46 +00:00
|
|
|
|
2016-11-28 16:06:00 +00:00
|
|
|
.video-container
|
2017-11-04 07:45:39 +00:00
|
|
|
position relative
|
2016-11-28 16:06:00 +00:00
|
|
|
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
|
2016-11-28 16:06:00 +00:00
|
|
|
|
2018-12-07 00:54:17 +00:00
|
|
|
:hover
|
|
|
|
|
.video-controls
|
|
|
|
|
opacity 1
|
|
|
|
|
|
2016-11-28 16:06:00 +00:00
|
|
|
.video
|
2017-11-04 07:45:39 +00:00
|
|
|
position absolute
|
2016-11-28 16:06:00 +00:00
|
|
|
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
|
|
|
|
|
bottom 1rem
|
|
|
|
|
right 1rem
|
|
|
|
|
opacity 0
|
|
|
|
|
default-transition
|
|
|
|
|
|
|
|
|
|
.video-control
|
|
|
|
|
background transparent
|
|
|
|
|
border none
|
|
|
|
|
color white
|
|
|
|
|
font-size 1.2rem
|
|
|
|
|
|
|
|
|
|
::-webkit-media-controls
|
|
|
|
|
display none !important
|
