diff options
Diffstat (limited to 'readme.md')
| -rw-r--r-- | readme.md | 18 |
1 files changed, 14 insertions, 4 deletions
@@ -30,7 +30,7 @@ If you have any cool ideas or features, please let me know by [creating an issue ## Implementation -Check `docs/index.html` and `docs/dist/js/docs.js` for an example setup. +Check `docs/index.html` and `docs/dist/docs.js` for an example setup. ### Bower If bower is your thang, you can grab Plyr using: @@ -39,11 +39,21 @@ bower install plyr ``` More info on setting up dependencies can be found in the [Bower Docs](http://bower.io/docs/creating-packages/#maintaining-dependencies) +### CDN +If you want to use our CDN, you can use the following. Currently it's HTTP only. + +```html +<link rel="stylesheet" href="http://cdn.plyr.io/1.0.18/plyr.css"> +<script src="http://cdn.plyr.io/1.0.18/plyr.js"></script> +``` + +You can also access the `sprite.svg` file at `http://cdn.plyr.io/1.0.18/sprite.svg`. + ### CSS If you want to use the default css, add the `plyr.css` file from /dist into your head, or even better use `plyr.less` or `plyr.sass` file included in `/src` in your build to save a request. ```html -<link rel="stylesheet" href="dist/css/plyr.css"> +<link rel="stylesheet" href="dist/plyr.css"> ``` ### SVG @@ -62,7 +72,7 @@ The SVG sprite for the controls icons is loaded in by AJAX to help with performa c.innerHTML=a.responseText; b.insertBefore(c,b.childNodes[0]) } -})(document,"dist/svg/sprite.svg"); +})(document,"dist/sprite.svg"); </script> ``` More info on SVG sprites here: @@ -116,7 +126,7 @@ More info on CORS here: Much of the behaviour of the player is configurable when initialising the library. Below is an example of a default instance. ```html -<script src="dist/js/plyr.js"></script> +<script src="dist/plyr.js"></script> <script> plyr.setup({ html: **your controls html** |