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

Caption change position on controls hidden

Browse Source
This commit is contained in:
Sam Potts 2016-05-01 12:49:04 +10:00
parent 44bb6c077c
commit 8172e2339d
5 changed files with 16 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
changelog.md
View File

@ -2,9 +2,10 @@
## v1.6.2 ## v1.6.2
- Fix for tooltip displaying when duration is not set (fixes #177) - Fix for tooltip displaying when duration is not set (fixes #177)
- `showPosterOnEnd` option to show poster on video finish (fixes #59) - `showPosterOnEnd` option to show poster when HTML5 video ended (fixes #59)
- Error handler for YouTube (fixes #189) - Error handler for YouTube (fixes #189)
- Initial SoundCloud support (fixes #194) - Initial SoundCloud support (fixes #194)
- Other minor bug fixes
## v1.6.1 ## v1.6.1
- Tooltip changes for accessibility - Tooltip changes for accessibility

2
dist/plyr.css vendored
View File

File diff suppressed because one or more lines are too long

2
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "plyr", "name": "plyr",
"version": "1.6.1", "version": "1.6.2",
"description": "A simple, accessible and customizable HTML5, YouTube and Vimeo media player", "description": "A simple, accessible and customizable HTML5, YouTube and Vimeo media player",
"homepage": "http://plyr.io", "homepage": "http://plyr.io",
"main": "src/js/plyr.js", "main": "src/js/plyr.js",

7
src/less/plyr.less
View File

@ -201,7 +201,9 @@
bottom: 0; bottom: 0;
left: 0; left: 0;
width: 100%; width: 100%;
padding: (@plyr-control-spacing * 2) (@plyr-control-spacing * 2) (@plyr-control-spacing * 8); padding: (@plyr-control-spacing * 2);
transform: translateY(-(@plyr-control-spacing * 6));
transition: transform .3s ease;
color: #fff; color: #fff;
font-size: @plyr-font-size-captions-base; font-size: @plyr-font-size-captions-base;
text-align: center; text-align: center;
@ -226,6 +228,9 @@
.plyr--fullscreen-active .plyr__captions { .plyr--fullscreen-active .plyr__captions {
font-size: @plyr-font-size-captions-large; font-size: @plyr-font-size-captions-large;
} }
.plyr--hide-controls .plyr__captions {
transform: translateY(-(@plyr-control-spacing * 2));
}
// Controls // Controls
// -------------------------------------------------------------- // --------------------------------------------------------------

7
src/scss/plyr.scss
View File

@ -201,7 +201,9 @@
bottom: 0; bottom: 0;
left: 0; left: 0;
width: 100%; width: 100%;
padding: ($plyr-control-spacing * 2) ($plyr-control-spacing * 2) ($plyr-control-spacing * 8); padding: ($plyr-control-spacing * 2);
transform: translateY(-($plyr-control-spacing * 6));
transition: transform .3s ease;
color: #fff; color: #fff;
font-size: $plyr-font-size-captions-base; font-size: $plyr-font-size-captions-base;
text-align: center; text-align: center;
@ -226,6 +228,9 @@
.plyr--fullscreen-active .plyr__captions { .plyr--fullscreen-active .plyr__captions {
font-size: $plyr-font-size-captions-large; font-size: $plyr-font-size-captions-large;
} }
.plyr--hide-controls .plyr__captions {
transform: translateY(-($plyr-control-spacing * 2));
}
// Controls // Controls
// -------------------------------------------------------------- // --------------------------------------------------------------