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 {
max-width: 400px;
margin-right: (@spacing-base * 2);
max-width: 360px;
margin-right: (@spacing-base * 3);
padding-bottom: (@spacing-base * 2);
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",
"devDependencies": {
"babel-core": "^6.26.0",
"babel-eslint": "^8.0.2",
"babel-eslint": "^8.0.3",
"babel-plugin-external-helpers": "^6.22.0",
"babel-preset-env": "^1.6.1",
"del": "^3.0.0",
"eslint": "^4.12.1",
"eslint": "^4.13.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.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",
"gulp": "^3.9.1",
"gulp-autoprefixer": "^4.0.0",
@ -37,20 +37,12 @@
"rollup-plugin-node-resolve": "^3.0.0",
"rollup-plugin-uglify": "^2.0.1",
"run-sequence": "^2.2.0",
"stylelint": "^8.3.1",
"stylelint": "^8.4.0",
"stylelint-config-prettier": "^2.0.0",
"stylelint-config-standard": "^18.0.0",
"uglify-es": "^3.2.0"
"uglify-es": "^3.2.2"
},
"keywords": [
"HTML5 Video",
"HTML5 Audio",
"Media Player",
"DASH",
"Shaka",
"WordPress",
"HLS"
],
"keywords": ["HTML5 Video", "HTML5 Audio", "Media Player", "DASH", "Shaka", "WordPress", "HLS"],
"repository": {
"type": "git",
"url": "git://github.com/sampotts/plyr.git"

View File

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

View File

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

View File

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

View File

@ -3,7 +3,7 @@
// --------------------------------------------------------------
// Hide native controls
.plyr ::-webkit-media-controls {
.plyr--full-ui ::-webkit-media-controls {
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
.plyr--audio .plyr__controls {
padding: @plyr-control-spacing;
@ -90,16 +83,23 @@
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
.plyr [data-plyr='captions'],
.plyr [data-plyr='pip'],
.plyr [data-plyr='airplay'],
.plyr [data-plyr='fullscreen'] {
.plyr [data-plyr='pip'],
.plyr [data-plyr='airplay'],
.plyr [data-plyr='fullscreen'] {
display: none;
}
.plyr--captions-enabled [data-plyr='captions'],
.plyr--pip-supported [data-plyr='pip'],
.plyr--airplay-supported [data-plyr='airplay'],
.plyr--fullscreen-enabled [data-plyr='fullscreen'] {
.plyr--pip-supported [data-plyr='pip'],
.plyr--airplay-supported [data-plyr='airplay'],
.plyr--fullscreen-enabled [data-plyr='fullscreen'] {
display: inline-block;
}