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

12
assets/templates/controls.html
View File

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