Minor tweaks

This commit is contained in:
Sam Potts 2017-12-18 16:57:23 +00:00
parent 423f67b4f4
commit aab53fa91f
10 changed files with 35 additions and 43 deletions

2
demo/dist/demo.css vendored

File diff suppressed because one or more lines are too long

View File

@ -11,8 +11,8 @@ header {
} }
@media @mq-md { @media @mq-md {
max-width: 400px; max-width: 360px;
margin-right: (@spacing-base * 2); margin-right: (@spacing-base * 3);
padding-bottom: (@spacing-base * 2); padding-bottom: (@spacing-base * 2);
text-align: left; text-align: left;
} }

2
dist/plyr.css vendored

File diff suppressed because one or more lines are too long

2
dist/plyr.js vendored

File diff suppressed because one or more lines are too long

2
dist/plyr.js.map vendored

File diff suppressed because one or more lines are too long

View File

@ -6,15 +6,15 @@
"main": "src/js/plyr.js", "main": "src/js/plyr.js",
"devDependencies": { "devDependencies": {
"babel-core": "^6.26.0", "babel-core": "^6.26.0",
"babel-eslint": "^8.0.2", "babel-eslint": "^8.0.3",
"babel-plugin-external-helpers": "^6.22.0", "babel-plugin-external-helpers": "^6.22.0",
"babel-preset-env": "^1.6.1", "babel-preset-env": "^1.6.1",
"del": "^3.0.0", "del": "^3.0.0",
"eslint": "^4.12.1", "eslint": "^4.13.1",
"eslint-config-airbnb": "^16.1.0", "eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0", "eslint-config-prettier": "^2.9.0",
"eslint-plugin-import": "^2.8.0", "eslint-plugin-import": "^2.8.0",
"eslint-plugin-jsx-a11y": "^6.0.2", "eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-react": "^7.5.1", "eslint-plugin-react": "^7.5.1",
"gulp": "^3.9.1", "gulp": "^3.9.1",
"gulp-autoprefixer": "^4.0.0", "gulp-autoprefixer": "^4.0.0",
@ -37,20 +37,12 @@
"rollup-plugin-node-resolve": "^3.0.0", "rollup-plugin-node-resolve": "^3.0.0",
"rollup-plugin-uglify": "^2.0.1", "rollup-plugin-uglify": "^2.0.1",
"run-sequence": "^2.2.0", "run-sequence": "^2.2.0",
"stylelint": "^8.3.1", "stylelint": "^8.4.0",
"stylelint-config-prettier": "^2.0.0", "stylelint-config-prettier": "^2.0.0",
"stylelint-config-standard": "^18.0.0", "stylelint-config-standard": "^18.0.0",
"uglify-es": "^3.2.0" "uglify-es": "^3.2.2"
}, },
"keywords": [ "keywords": ["HTML5 Video", "HTML5 Audio", "Media Player", "DASH", "Shaka", "WordPress", "HLS"],
"HTML5 Video",
"HTML5 Audio",
"Media Player",
"DASH",
"Shaka",
"WordPress",
"HLS"
],
"repository": { "repository": {
"type": "git", "type": "git",
"url": "git://github.com/sampotts/plyr.git" "url": "git://github.com/sampotts/plyr.git"

View File

@ -270,7 +270,7 @@ const listeners = {
} }
// Disable right click // Disable right click
if (this.config.disableContextMenu) { if (this.supported.ui && this.config.disableContextMenu) {
utils.on( utils.on(
this.media, this.media,
'contextmenu', 'contextmenu',

View File

@ -3,7 +3,7 @@
// -------------------------------------------------------------- // --------------------------------------------------------------
// Hide default captions // Hide default captions
.plyr--full-ui video::-webkit-media-text-track-container { .plyr--full-ui ::-webkit-media-text-track-container {
display: none; display: none;
} }

View File

@ -35,9 +35,9 @@
// Change icons on state change // Change icons on state change
.plyr__control[aria-pressed='false'] .icon--pressed, .plyr__control[aria-pressed='false'] .icon--pressed,
.plyr__control[aria-pressed='true'] .icon--not-pressed, .plyr__control[aria-pressed='true'] .icon--not-pressed,
.plyr__control[aria-pressed='false'] .label--pressed, .plyr__control[aria-pressed='false'] .label--pressed,
.plyr__control[aria-pressed='true'] .label--not-pressed { .plyr__control[aria-pressed='true'] .label--not-pressed {
display: none; display: none;
} }
@ -79,11 +79,11 @@
} }
} }
.plyr--full-ui.plyr--video .plyr__control--overlaid {
display: block;
}
.plyr--playing .plyr__control--overlaid { .plyr--playing .plyr__control--overlaid {
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
} }
.plyr--full-ui.plyr--video .plyr__control--overlaid {
display: block;
}

View File

@ -3,7 +3,7 @@
// -------------------------------------------------------------- // --------------------------------------------------------------
// Hide native controls // Hide native controls
.plyr ::-webkit-media-controls { .plyr--full-ui ::-webkit-media-controls {
display: none; display: none;
} }
@ -75,13 +75,6 @@
} }
} }
// Hide controls
.plyr--video.plyr--hide-controls .plyr__controls {
opacity: 0;
transform: translateY(100%);
pointer-events: none;
}
// Audio controls // Audio controls
.plyr--audio .plyr__controls { .plyr--audio .plyr__controls {
padding: @plyr-control-spacing; padding: @plyr-control-spacing;
@ -90,16 +83,23 @@
color: @plyr-audio-control-color; color: @plyr-audio-control-color;
} }
// Hide controls
.plyr--video.plyr--hide-controls .plyr__controls {
opacity: 0;
transform: translateY(100%);
pointer-events: none;
}
// Some options are hidden by default // Some options are hidden by default
.plyr [data-plyr='captions'], .plyr [data-plyr='captions'],
.plyr [data-plyr='pip'], .plyr [data-plyr='pip'],
.plyr [data-plyr='airplay'], .plyr [data-plyr='airplay'],
.plyr [data-plyr='fullscreen'] { .plyr [data-plyr='fullscreen'] {
display: none; display: none;
} }
.plyr--captions-enabled [data-plyr='captions'], .plyr--captions-enabled [data-plyr='captions'],
.plyr--pip-supported [data-plyr='pip'], .plyr--pip-supported [data-plyr='pip'],
.plyr--airplay-supported [data-plyr='airplay'], .plyr--airplay-supported [data-plyr='airplay'],
.plyr--fullscreen-enabled [data-plyr='fullscreen'] { .plyr--fullscreen-enabled [data-plyr='fullscreen'] {
display: inline-block; display: inline-block;
} }