Problème API Vimeo dans Slider

Signaler
Messages postés
564
Date d'inscription
mercredi 20 août 2008
Statut
Membre
Dernière intervention
26 novembre 2015
-
Bonjour à tous,

Pour mon portfolio j'essaye de créer un petit slider avec mes références vidéo (hébergé sur vimeo) à l'aide de FlexSlider http://flexslider.woothemes.com/video.html

À l'aide des values de flexslider et de l'api j'ai réussi a stopper et remettre a zéro un vidéo lorsque l'on change de slide. Seulement je n'arrive pas a lancer automatiquement la vidéo du slide actuel en visant la classe .flex-active-slide

Quelqu'un pourrait il me guider / expliquer comment faire ?

<div class="flexslider">
  <ul class="slides">
    <li data-thumb="https://i.vimeocdn.com/video/522263524_590x332.jpg">
      <iframe src="https://player.vimeo.com/video/130413889?api=1&player_id=vimeoplayer" width="500" height="281" frameborder="0" id="vimeoplayer" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
    </li>
    <li data-thumb="https://i.vimeocdn.com/video/536608177_590x332.jpg">
      <iframe src="https://player.vimeo.com/video/140303558?api=1&player_id=vimeoplayer" width="500" height="281" frameborder="0" id="vimeoplayer" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
    </li>
    <li data-thumb="https://i.vimeocdn.com/video/525856535_590x332.jpg">
      <iframe src="https://player.vimeo.com/video/132963623?api=1&player_id=vimeoplayer" width="500" height="281" frameborder="0" id="vimeoplayer" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
    </li>
  </ul>
</div>

$(window).load(function() {
    var iframe = $('#vimeoplayer')[0];
    var player = $f(iframe);
    $('.flexslider').flexslider({
        animation: "fade",
        slideshow: false,
        animationSpeed: 300,
        controlNav: "thumbnails",
        before: function(slider){
            player.api('pause').api('unload');
        },
        after: function(slider){
            player.api('play');
        }
    });
});


Merci d'avance de vos conseils.