15s back/skip buttons on player

This commit is contained in:
2020-03-22 22:23:25 +01:00
parent 3b8c85215f
commit 4d62fb676a
18 changed files with 178 additions and 0 deletions

View File

@@ -5,23 +5,31 @@ if(!isset($MEDIAPLAYER_INCLUDED)):
?>
@push('scripts')
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/mediaelement/4.2.7/mediaelement-and-player.min.js"></script>
<script type="text/javascript" src="/js/mediaplayer_plugins.min.js"></script>
<script type="text/javascript">
var pluginPath = 'https://cdnjs.cloudflare.com/ajax/libs/mediaelement/4.2.7/';
$("audio").mediaelementplayer({
pluginPath: pluginPath,
stretching: 'responsive',
features: ['playpause','skipback','jumpforward','current','progress','duration','volume','airplay','chromecast'],
skipBackInterval: 15,
jumpForwardInterval: 15,
});
$("video").mediaelementplayer({
pluginPath: pluginPath,
videoWidth: '100%',
videoHeight: '100%',
enableAutosize: true,
features: ['playpause','skipback','jumpforward','current','progress','duration','volume','airplay','chromecast'],
skipBackInterval: 15,
jumpForwardInterval: 15,
});
</script>
@endpush
@push('styles')
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/mediaelement/4.2.7/mediaelementplayer.css" />
<link rel="stylesheet" href="/css/mediaplayer_plugins.min.css" />
@endpush
<?php endif; ?>