Minor tweaks
This commit is contained in:
parent
423f67b4f4
commit
aab53fa91f
2
demo/dist/demo.css
vendored
2
demo/dist/demo.css
vendored
File diff suppressed because one or more lines are too long
@ -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
2
dist/plyr.css
vendored
File diff suppressed because one or more lines are too long
2
dist/plyr.js
vendored
2
dist/plyr.js
vendored
File diff suppressed because one or more lines are too long
2
dist/plyr.js.map
vendored
2
dist/plyr.js.map
vendored
File diff suppressed because one or more lines are too long
20
package.json
20
package.json
@ -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"
|
||||||
|
@ -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',
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -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;
|
||||||
|
}
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user