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

Fixed overflow issues (fixes #286)

Browse Source
This commit is contained in:
Sam Potts 2016-06-26 08:34:36 +10:00
parent 095d100ba4
commit 7e7508ca82
10 changed files with 24 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
changelog.md
View File

@ -1,9 +1,12 @@
# Changelog # Changelog
# v1.8.4 ## v1.8.5
- Fixed overflow issues (fixes #286)
## v1.8.4
- Fix for large play button on small videos - Fix for large play button on small videos
# v1.8.3 ## v1.8.3
- Disabled iPad support for YouTube and Vimeo due to iOS limitations with iFrame playback - Disabled iPad support for YouTube and Vimeo due to iOS limitations with iFrame playback
- Fixed IE11 icon loading (fixes #269) - Fixed IE11 icon loading (fixes #269)
- Updated screenshot (fixes #281) - Updated screenshot (fixes #281)
@ -12,10 +15,10 @@
- Added HLS, Shaka and dash.js examples (see #235 for more) - Added HLS, Shaka and dash.js examples (see #235 for more)
- Improvements for controls hiding and showing on touch devices - Improvements for controls hiding and showing on touch devices
# v1.8.2 ## v1.8.2
- Fixed event bubbling - Fixed event bubbling
# v1.8.1 ## v1.8.1
- Fixed inaccurate log message - Fixed inaccurate log message
# v1.8.0 # v1.8.0

2
dist/plyr.css vendored
View File

File diff suppressed because one or more lines are too long

4
dist/plyr.js 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.8.4", "version": "1.8.5",
"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",

6
readme.md
View File

@ -120,7 +120,7 @@ Include the `plyr.js` script before the closing `</body>` tag and then call `ply
If you want to use our CDN for the JavaScript, you can use the following: If you want to use our CDN for the JavaScript, you can use the following:
```html ```html
<script src="https://cdn.plyr.io/1.8.4/plyr.js"></script> <script src="https://cdn.plyr.io/1.8.5/plyr.js"></script>
``` ```
### CSS ### CSS
@ -133,11 +133,11 @@ Include the `plyr.css` stylsheet into your `<head>`
If you want to use our CDN for the default CSS, you can use the following: If you want to use our CDN for the default CSS, you can use the following:
```html ```html
<link rel="stylesheet" href="https://cdn.plyr.io/1.8.4/plyr.css"> <link rel="stylesheet" href="https://cdn.plyr.io/1.8.5/plyr.css">
``` ```
### SVG Sprite ### SVG Sprite
The SVG sprite is loaded automatically from our CDN. To change this, see the [#options](Options) below. For reference, the CDN hosted SVG sprite can be found at `https://cdn.plyr.io/1.8.4/plyr.svg`. The SVG sprite is loaded automatically from our CDN. To change this, see the [#options](Options) below. For reference, the CDN hosted SVG sprite can be found at `https://cdn.plyr.io/1.8.5/plyr.svg`.
## Advanced ## Advanced

6
src/js/plyr.js
View File

@ -1,6 +1,6 @@
// ========================================================================== // ==========================================================================
// Plyr // Plyr
// plyr.js v1.8.4 // plyr.js v1.8.5
// https://github.com/selz/plyr // https://github.com/selz/plyr
// License: The MIT License (MIT) // License: The MIT License (MIT)
// ========================================================================== // ==========================================================================
@ -44,7 +44,7 @@
displayDuration: true, displayDuration: true,
loadSprite: true, loadSprite: true,
iconPrefix: 'plyr', iconPrefix: 'plyr',
iconUrl: 'https://cdn.plyr.io/1.8.4/plyr.svg', iconUrl: 'https://cdn.plyr.io/1.8.5/plyr.svg',
clickToPlay: true, clickToPlay: true,
hideControls: true, hideControls: true,
showPosterOnEnd: false, showPosterOnEnd: false,
@ -191,7 +191,7 @@
if ((navigator.appVersion.indexOf('Windows NT') !== -1) && (navigator.appVersion.indexOf('rv:11') !== -1)) { if ((navigator.appVersion.indexOf('Windows NT') !== -1) && (navigator.appVersion.indexOf('rv:11') !== -1)) {
isIE = true; isIE = true;
name = 'IE'; name = 'IE';
fullVersion = '11;'; fullVersion = '11';
} }
// MSIE // MSIE
else if ((verOffset = ua.indexOf('MSIE')) !== -1) { else if ((verOffset = ua.indexOf('MSIE')) !== -1) {

3
src/less/plyr.less
View File

@ -19,8 +19,7 @@
position: relative; position: relative;
max-width: 100%; max-width: 100%;
min-width: 200px; min-width: 200px;
overflow: hidden; font-family: @plyr-font-family;
font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
direction: ltr; direction: ltr;
& when (@plyr-border-box = true) { & when (@plyr-border-box = true) {

7
src/less/variables.less
View File

@ -11,9 +11,10 @@
// Colors // Colors
@plyr-color-main: #3498db; @plyr-color-main: #3498db;
// Font sizes // Font
@plyr-font-size-small: 14px; @plyr-font-family: 'San Francisco', -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', Avenir, 'Avenir Next', 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif;
@plyr-font-size-base: 16px; @plyr-font-size-small: 13px;
@plyr-font-size-base: 15px;
// Captions // Captions
@plyr-captions-bg: fade(#000, 70%); @plyr-captions-bg: fade(#000, 70%);

3
src/scss/plyr.scss
View File

@ -19,8 +19,7 @@
position: relative; position: relative;
max-width: 100%; max-width: 100%;
min-width: 200px; min-width: 200px;
overflow: hidden; font-family: $plyr-font-family;
font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
direction: ltr; direction: ltr;
@if $plyr-border-box == true { @if $plyr-border-box == true {

1
src/scss/variables.scss
View File

@ -13,6 +13,7 @@ $plyr-sr-only-important: true !default;
$plyr-color-main: #3498db !default; $plyr-color-main: #3498db !default;
// Font sizes // Font sizes
$plyr-font-family: 'San Francisco', -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', Avenir, 'Avenir Next', 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif;
$plyr-font-size-small: 14px !default; $plyr-font-size-small: 14px !default;
$plyr-font-size-base: 16px !default; $plyr-font-size-base: 16px !default;