archive/pillar
0
0
Fork 0
Code Issues 42 Pull Requests Projects Releases Wiki Activity

Videoplayer: Custom playback speed

Browse Source
This commit is contained in:
Pablo Vazquez
2018-09-10 15:23:05 +02:00
parent b9268337c3
commit d7fd90ded1
2 changed files with 14 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/styles/plugins/_videoplayer.sass
View File

@@ -453,20 +453,22 @@ body.vjs-full-window
list-style: none list-style: none
margin: 0 margin: 0
padding: 0.2em 0 padding: 0.2em 0
line-height: 1.4em line-height: 1.8em
font-size: 1.2em font-size: 1.1em
text-align: center text-align: center
text-transform: lowercase text-transform: lowercase
&:focus, &:hover &:focus, &:hover
outline: 0 background-color: darken($primary, 20%)
background-color: #73859f
background-color: rgba(115, 133, 159, 0.5)
&.vjs-selected &.vjs-selected
background-color: $videoplayer-controls-color background-color: $videoplayer-controls-color
color: $videoplayer-background-color color: $videoplayer-background-color
&:focus, &:hover &:focus, &:hover
background-color: $videoplayer-controls-color background-color: $videoplayer-controls-color
color: $videoplayer-background-color color: $videoplayer-background-color
&.vjs-menu-title &.vjs-menu-title
text-align: center text-align: center
text-transform: uppercase text-transform: uppercase
@@ -486,12 +488,13 @@ body.vjs-full-window
height: 0em height: 0em
margin-bottom: 1.5em margin-bottom: 1.5em
border-top-color: $videoplayer-background-color border-top-color: $videoplayer-background-color
.vjs-menu-content .vjs-menu-content
background-color: $videoplayer-background-color background-color: $videoplayer-background-color
position: absolute position: absolute
width: 100% width: 100%
bottom: 1.5em bottom: 1.5em
max-height: 15em max-height: 25em
.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu, .vjs-menu-button-popup .vjs-menu.vjs-lock-showing .vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu, .vjs-menu-button-popup .vjs-menu.vjs-lock-showing
display: block display: block
@@ -1023,14 +1026,15 @@ video::-webkit-media-text-track-display
.vjs-playback-rate .vjs-playback-rate
.vjs-playback-rate-value .vjs-playback-rate-value
font-size: 1.5em font-size: 1.25em
line-height: 2 line-height: 2
position: absolute position: absolute
top: 0 top: 3px
left: 0 left: 0
width: 100% width: 100%
height: 100% height: 100%
text-align: center text-align: center
.vjs-menu .vjs-menu
width: 4em width: 4em
left: 0em left: 0em

3
src/templates/nodes/custom/asset/video/view_embed.pug
View File

@@ -55,7 +55,8 @@ script(type="text/javascript").
var options = { var options = {
controlBar: { controlBar: {
volumePanel: { inline: false } volumePanel: { inline: false }
} },
playbackRates: [0.25, 0.5, 0.75, 1, 1.25, 1.5, 2, 4]
}; };
videojs(videoPlayer, options).ready(function() { videojs(videoPlayer, options).ready(function() {