Medieelement.js et chrome
Bonjour à tous,
J'ai une portion de code qui lance des videos en boucle ... je me suis inspirée d'un script existant pour pouvoir faire quelque chose à ma sauce.
Le souci c'est que ça marche nickel sous FF mais sous Chrome ça saccade sévère !
Any ideas ? Thanks !
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37
| $(function(){
$('video,audio').mediaelementplayer({
success: function (mediaElement, domObject) {
mediaElement.addEventListener('ended', function (e) {
mejsPlayNext(e.target,0);
}, false);
},
keyActions: [],
controls: false
});
});
function mejsPlayNext(currentPlayer,loop) {
if(loop == 1){
if ($('.mejs-list li.current').length > 0){ // get the .current song
var current_item = $('.mejs-list li.current:first'); // :first is added if we have few .current classes
var audio_src = $(current_item).text();
$(current_item).addClass('current').siblings().removeClass('current');
}
} else {
if ($('.mejs-list li.current').length > 0){ // get the .current song
var current_item = $('.mejs-list li.current:first'); // :first is added if we have few .current classes
var audio_src = $(current_item).next().text();
$(current_item).next().addClass('current').siblings().removeClass('current');
}
}
if( $(current_item).is(':last-child') ) { // if it is last - stop playing
$(current_item).removeClass('current');
$('#prems').addClass('current');
mejsPlayNext(currentPlayer,1); // loop
} else {
currentPlayer.setSrc(audio_src);
currentPlayer.play();
}
} |
Code:
1 2 3 4 5 6 7 8 9 10 11 12
| <div id="advertising">
<video src="<?= $videos[1]; ?>" id="mejs" autoplay></video>
<ul class="mejs-list" style="display:none">
<?php foreach($videos as $k=>$video): ?>
<?php if($k == 1): ?>
<li class="current" id="prems"><?= $video ?></li>
<?php else: ?>
<li><?= $video ?></li>
<?php endif; ?>
<?php endforeach; ?>
</ul>
</div> |