Fix for manual captions

package.json

@@ -1,6 +1,6 @@
 {
  "name": "plyr",
- "version": "1.5.12",
+ "version": "1.5.13",
  "description": "A simple, accessible and customizable HTML5, YouTube and Vimeo media player",
  "homepage": "http://plyr.io",
  "main": "src/js/plyr.js",

readme.md

@@ -40,7 +40,7 @@ If you have any cool ideas or features, please let me know by [creating an issue
 
 Check `docs/index.html` and `docs/dist/docs.js` for an example setup.
 
-**Heads up:** the example `index.html` file needs to be served from a webserver (such as Apache, Nginx, IIS or similar) unless you change the file sources to include http or https. e.g. change `//cdn.plyr.io/1.5.12/plyr.js` to `https://cdn.plyr.io/1.5.12/plyr.js`
+**Heads up:** the example `index.html` file needs to be served from a webserver (such as Apache, Nginx, IIS or similar) unless you change the file sources to include http or https. e.g. change `//cdn.plyr.io/1.5.13/plyr.js` to `https://cdn.plyr.io/1.5.13/plyr.js`
 
 ### Node Package Manager (NPM)
 Using NPM, you can grab Plyr:
@@ -69,11 +69,11 @@ More info is on [npm](https://www.npmjs.com/package/ember-cli-plyr) and [GitHub]
 If you want to use our CDN, you can use the following:
 
 ```html
-<link rel="stylesheet" href="https://cdn.plyr.io/1.5.12/plyr.css">
-<script src="https://cdn.plyr.io/1.5.12/plyr.js"></script>
+<link rel="stylesheet" href="https://cdn.plyr.io/1.5.13/plyr.css">
+<script src="https://cdn.plyr.io/1.5.13/plyr.js"></script>
 ```
 
-You can also access the `sprite.svg` file at `https://cdn.plyr.io/1.5.12/sprite.svg`.
+You can also access the `sprite.svg` file at `https://cdn.plyr.io/1.5.13/sprite.svg`.
 
 ### CSS & Styling
 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.
@@ -170,7 +170,7 @@ More info on CORS here:
 Here's an example of a default setup:
 
 ```html
-<script src="https://cdn.plyr.io/1.5.12/plyr.js"></script>
+<script src="https://cdn.plyr.io/1.5.13/plyr.js"></script>
 <script>plyr.setup();</script>
 ```
 

src/js/plyr.js

@@ -914,16 +914,26 @@
  xhr.onreadystatechange = function() {
  if (xhr.readyState === 4) {
  if (xhr.status === 200) {
- var records = [],
- record,
+ var captions = [],
+ caption,
  req = xhr.responseText;
 
- records = req.split('\n\n');
+ captions = req.split('\n\n');
 
- for (var r = 0; r < records.length; r++) {
- record = records[r];
+ for (var r = 0; r < captions.length; r++) {
+ caption = captions[r];
  plyr.captions[r] = [];
- plyr.captions[r] = record.split('\n');
+
+ // Get the parts of the captions
+ var parts = caption.split('\n'),
+ index = 0;
+
+ // Incase caption numbers are added
+ if(parts[index].indexOf(":") === -1) {
+ index = 1;
+ }
+
+ plyr.captions[r] = [parts[index], parts[index + 1]];
  }
 
  // Remove first element ('VTT')