ProximaEntertainment/plyr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Vimeo captions fix

Browse Source
This commit is contained in:
Sam Potts 2017-11-06 20:27:19 +11:00
parent 1578525ee3
commit 3a9beaed59
5 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dist/plyr.css vendored
View File

File diff suppressed because one or more lines are too long

2
dist/plyr.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/plyr.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
src/js/plugins/vimeo.js
View File

@ -19,7 +19,7 @@ const vimeo = {
// Set aspect ratio
const ratio = this.config.ratio.split(':');
const padding = 100 / ratio[0] * ratio[1];
const offset = (400 - padding) / 8;
const offset = (300 - padding) / 6;
this.elements.wrapper.style.paddingBottom = `${padding}%`;
this.media.style.transform = `translateY(-${offset}%)`;

4
src/less/components/embed.less
View File

@ -6,7 +6,7 @@
.plyr__video-embed {
// Default to 16:9 ratio but this is set by JavaScript based on config
@padding: ((100 / 16) * 9);
@offset: unit((400 - @padding) / 8, ~'%');
@offset: unit((300 - @padding) / 6, ~'%');
padding-bottom: unit(@padding, ~'%');
height: 0;
@ -24,7 +24,7 @@
// Vimeo hack
> div {
position: relative;
padding-bottom: 400%;
padding-bottom: 300%;
transform: translateY(-@offset);
}
}