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

Prevent buttons submitting forms, return players

Browse Source
This commit is contained in:
Sam Potts 2015-02-17 18:44:31 +11:00
parent fc2bb9fcb4
commit 9827e6a0bc
3 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
assets/js/plyr.js
View File

@ -955,7 +955,7 @@
} }
// Get the players // Get the players
var elements = document.querySelectorAll(config.selectors.container); var elements = document.querySelectorAll(config.selectors.container), players = [];
// Create a player instance for each element // Create a player instance for each element
for (var i = elements.length - 1; i >= 0; i--) { for (var i = elements.length - 1; i >= 0; i--) {
@ -964,6 +964,11 @@
// Setup a player instance and add to the element // Setup a player instance and add to the element
element.plyr = new Plyr(element); element.plyr = new Plyr(element);
// Add to return array
players.push(element.plyr);
} }
return players;
} }
}(this.plyr = this.plyr || {})); }(this.plyr = this.plyr || {}));

12
assets/templates/controls.html
View File

@ -3,23 +3,23 @@
<span>0</span>% played <span>0</span>% played
</progress> </progress>
<span class="player-controls-playback"> <span class="player-controls-playback">
<button data-player="restart"> <button type="button" data-player="restart">
<svg><use xlink:href="#icon-refresh"></use></svg> <svg><use xlink:href="#icon-refresh"></use></svg>
<span class="sr-only">Restart</span> <span class="sr-only">Restart</span>
</button> </button>
<button data-player="rewind"> <button type="button" data-player="rewind">
<svg><use xlink:href="#icon-rewind"></use></svg> <svg><use xlink:href="#icon-rewind"></use></svg>
<span class="sr-only">Rewind <span class="player-seek-time">10</span> seconds</span> <span class="sr-only">Rewind <span class="player-seek-time">10</span> seconds</span>
</button> </button>
<button aria-label="{aria-label}" data-player="play"> <button type="button" aria-label="{aria-label}" data-player="play">
<svg><use xlink:href="#icon-play"></use></svg> <svg><use xlink:href="#icon-play"></use></svg>
<span class="sr-only">Play</span> <span class="sr-only">Play</span>
</button> </button>
<button data-player="pause"> <button type="button" data-player="pause">
<svg><use xlink:href="#icon-pause"></use></svg> <svg><use xlink:href="#icon-pause"></use></svg>
<span class="sr-only">Pause</span> <span class="sr-only">Pause</span>
</button> </button>
<button data-player="fast-forward"> <button type="button" data-player="fast-forward">
<svg><use xlink:href="#icon-fast-forward"></use></svg> <svg><use xlink:href="#icon-fast-forward"></use></svg>
<span class="sr-only">Fast forward <span class="player-seek-time">10</span> seconds</span> <span class="sr-only">Fast forward <span class="player-seek-time">10</span> seconds</span>
</button> </button>
@ -45,7 +45,7 @@
<span class="sr-only">Captions</span> <span class="sr-only">Captions</span>
</label> </label>
<button data-player="fullscreen"> <button type="button" data-player="fullscreen">
<svg class="icon-exit-fullscreen"><use xlink:href="#icon-collapse"></use></svg> <svg class="icon-exit-fullscreen"><use xlink:href="#icon-collapse"></use></svg>
<svg><use xlink:href="#icon-expand"></use></svg> <svg><use xlink:href="#icon-expand"></use></svg>
<span class="sr-only">Toggle fullscreen</span> <span class="sr-only">Toggle fullscreen</span>

2
index.html
View File

@ -26,7 +26,7 @@
<source src="//cdn.sampotts.me/plyr/movie.webm" type="video/webm"> <source src="//cdn.sampotts.me/plyr/movie.webm" type="video/webm">
<!-- Text track file --> <!-- Text track file -->
<track kind="captions" label="English captions" src="//cdn.sampotts.me/plyr/movie_captions_en.vtt" srclang="en" default> <track kind="captions" label="English captions" src="//cdn.sampotts.me/plyr/movie_captions.vtt" srclang="en" default>
<!-- Fallback for browsers that don't support the <video> element --> <!-- Fallback for browsers that don't support the <video> element -->
<div> <div>