v3.1.0

Styling fixes
2018-04-03 22:57:34 +10:00 · 2018-04-03 22:56:19 +10:00
24 changed files with 31 additions and 23 deletions
--- a/demo/dist/demo.css
+++ b/demo/dist/demo.css
--- a/demo/dist/demo.js
+++ b/demo/dist/demo.js
@ -3887,7 +3887,7 @@ singleton.Client = Client;
            });

            // Setup the player
-            var player = new Plyr('#player', {
+            var player = new Plyr('video', {
                debug: true,
                title: 'View From A Blue Moon',
                iconUrl: '../dist/plyr.svg',
--- a/demo/dist/demo.js.map
+++ b/demo/dist/demo.js.map
--- a/demo/dist/demo.min.js
+++ b/demo/dist/demo.min.js
--- a/demo/dist/demo.min.js.map
+++ b/demo/dist/demo.min.js.map
--- a/demo/src/js/demo.js
+++ b/demo/src/js/demo.js
@ -47,7 +47,7 @@ import Raven from 'raven-js';
            });

            // Setup the player
-            const player = new Plyr('#player', {
+            const player = new Plyr('video', {
                debug: true,
                title: 'View From A Blue Moon',
                iconUrl: '../dist/plyr.svg',
--- a/demo/src/sass/settings/plyr.scss
+++ b/demo/src/sass/settings/plyr.scss
@ -16,3 +16,4 @@ $plyr-font-size-captions-base: $plyr-font-size-base;
 $plyr-font-size-captions-small: $plyr-font-size-small;
 $plyr-font-size-captions-medium: 18px;
 $plyr-font-size-captions-large: 21px;
+$plyr-font-size-menu: $plyr-font-size-base;
--- a/dist/plyr.css
+++ b/dist/plyr.css
--- a/dist/plyr.js
+++ b/dist/plyr.js
@ -77,7 +77,7 @@ var defaults = {
    // Sprite (for icons)
    loadSprite: true,
    iconPrefix: 'plyr',
-    iconUrl: 'https://cdn.plyr.io/3.1.0-beta.1/plyr.svg',
+    iconUrl: 'https://cdn.plyr.io/3.1.0-beta.2/plyr.svg',

    // Blank video (used to prevent errors on source change)
    blankVideo: 'https://cdn.plyr.io/static/blank.mp4',
--- a/dist/plyr.js.map
+++ b/dist/plyr.js.map
--- a/dist/plyr.min.js
+++ b/dist/plyr.min.js
--- a/dist/plyr.min.js.map
+++ b/dist/plyr.min.js.map
--- a/dist/plyr.polyfilled.js
+++ b/dist/plyr.polyfilled.js
@ -5117,7 +5117,7 @@ var defaults = {
    // Sprite (for icons)
    loadSprite: true,
    iconPrefix: 'plyr',
-    iconUrl: 'https://cdn.plyr.io/3.1.0-beta.2/plyr.svg',
+    iconUrl: 'https://cdn.plyr.io/3.1.0/plyr.svg',

    // Blank video (used to prevent errors on source change)
    blankVideo: 'https://cdn.plyr.io/static/blank.mp4',
--- a/dist/plyr.polyfilled.js.map
+++ b/dist/plyr.polyfilled.js.map
--- a/dist/plyr.polyfilled.min.js
+++ b/dist/plyr.polyfilled.min.js
--- a/dist/plyr.polyfilled.min.js.map
+++ b/dist/plyr.polyfilled.min.js.map
--- a/package.json
+++ b/package.json
@ -1,6 +1,6 @@
 {
    "name": "plyr",
-    "version": "3.1.0-beta.2",
+    "version": "3.1.0",
    "description": "A simple, accessible and customizable HTML5, YouTube and Vimeo media player",
    "homepage": "https://plyr.io",
    "main": "./dist/plyr.js",
--- a/readme.md
+++ b/readme.md
@ -128,7 +128,7 @@ See [initialising](#initialising) for more information on advanced setups.
 If you want to use our CDN (provided by [Fastly](https://www.fastly.com/)) for the JavaScript, you can use the following:

 ```html
-<script src="https://cdn.plyr.io/3.1.0-beta.2/plyr.js"></script>
+<script src="https://cdn.plyr.io/3.1.0/plyr.js"></script>
 ```

 _Note_: Be sure to read the [polyfills](#polyfills) section below about browser compatibility
@ -144,13 +144,13 @@ Include the `plyr.css` stylsheet into your `<head>`
 If you want to use our CDN (provided by [Fastly](https://www.fastly.com/)) for the default CSS, you can use the following:

 ```html
-<link rel="stylesheet" href="https://cdn.plyr.io/3.1.0-beta.2/plyr.css">
+<link rel="stylesheet" href="https://cdn.plyr.io/3.1.0/plyr.css">
 ```

 ### SVG Sprite

 The SVG sprite is loaded automatically from our CDN (provided by [Fastly](https://www.fastly.com/)). To change this, see the [options](#options) below. For
-reference, the CDN hosted SVG sprite can be found at `https://cdn.plyr.io/3.1.0-beta.2/plyr.svg`.
+reference, the CDN hosted SVG sprite can be found at `https://cdn.plyr.io/3.1.0/plyr.svg`.

 ## Ads

--- a/src/js/defaults.js
+++ b/src/js/defaults.js
@ -56,7 +56,7 @@ const defaults = {
    // Sprite (for icons)
    loadSprite: true,
    iconPrefix: 'plyr',
-    iconUrl: 'https://cdn.plyr.io/3.1.0-beta.2/plyr.svg',
+    iconUrl: 'https://cdn.plyr.io/3.1.0/plyr.svg',

    // Blank video (used to prevent errors on source change)
    blankVideo: 'https://cdn.plyr.io/static/blank.mp4',
--- a/src/js/plyr.js
+++ b/src/js/plyr.js
@ -1,6 +1,6 @@
 // ==========================================================================
 // Plyr
-// plyr.js v3.1.0-beta.2
+// plyr.js v3.1.0
 // https://github.com/sampotts/plyr
 // License: The MIT License (MIT)
 // ==========================================================================
--- a/src/js/plyr.polyfilled.js
+++ b/src/js/plyr.polyfilled.js
@ -1,6 +1,6 @@
 // ==========================================================================
 // Plyr Polyfilled Build
-// plyr.js v3.1.0-beta.2
+// plyr.js v3.1.0
 // https://github.com/sampotts/plyr
 // License: The MIT License (MIT)
 // ==========================================================================
--- a/src/sass/base.scss
+++ b/src/sass/base.scss
@ -26,6 +26,11 @@
        width: 100%;
    }

+    button {
+        font: inherit;
+        line-height: inherit;
+    }
+
    // Ignore focus
    &:focus {
        outline: 0;
--- a/src/sass/components/menus.scss
+++ b/src/sass/components/menus.scss
@ -74,6 +74,7 @@
            align-items: center;
            color: $plyr-menu-color;
            display: flex;
+            font-size: $plyr-font-size-menu;
            padding: ceil($plyr-control-padding / 2) ($plyr-control-padding * 2);
            user-select: none;
            width: 100%;
--- a/src/sass/settings/type.scss
+++ b/src/sass/settings/type.scss
@ -8,8 +8,9 @@ $plyr-font-size-small: 14px !default;
 $plyr-font-size-large: 18px !default;
 $plyr-font-size-xlarge: 21px !default;

-$plyr-font-size-time: 14px !default;
+$plyr-font-size-time: $plyr-font-size-small !default;
 $plyr-font-size-badge: 9px !default;
+$plyr-font-size-menu: $plyr-font-size-small !default;

 $plyr-font-weight-regular: 500 !default;
 $plyr-font-weight-bold: 600 !default;
Author	SHA1	Message	Date
Sam Potts	3b20dbd9fd	v3.1.0	2018-04-03 22:57:34 +10:00
Sam Potts	e4d975af00	Styling fixes	2018-04-03 22:56:19 +10:00