web-dev-qa-db-fra.com

Vimeo Froogaloop API, travaillant dans Fiddle mais non WP

J'essaie d'exploiter l'API Froogaloop de Vimeo pour mettre en pause l'intégration de vidéos lorsque l'utilisateur clique sur un élément donné. Je le fais fonctionner parfaitement dans mon violon mais cela ne fonctionnera pas dans mon environnement Wordpress.

J'ai pris du code de ce fil pour créer une version simplifiée du site sur lequel je travaille;

HTML

<div id="player1" class="col">
    <div class="vid">
        <iframe src="//player.vimeo.com/video/75817361?title=0&amp;byline=0&amp;portrait=0&api=1" width="100%" height="auto" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
    </div>
</div>

<div id="player2" class="col">
    <div class="vid">
        <iframe src="//player.vimeo.com/video/7038107?title=0&amp;byline=0&amp;portrait=0&api=1" width="100%" height="auto" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
    </div>
</div>

<a class="pause" onclick="pauseAll(); return false;" href="#">Pause</a>

jQuery 

function pauseAll() {
$('iframe[src*="vimeo.com"]').each(function () {
    $f(this).api('pause');
});
}

Comme je le dis, cela fonctionne parfaitement dans mon Fiddle mais pas dans mon site basé sur WP . Il semble également s'agir uniquement de Google Chrome, où cela ne fonctionne pas dans WP, ce qui me fait me gratter la tête encore plus.

Si quelqu'un a des idées, ce serait d'une grande aide.

jqueryapivimeo
1
Poisontonomes

De: https://developer.vimeo.com/player/js-api#universal-event-spec

Si vous incorporez et contrôlez plusieurs lecteurs sur une page ou utilisez notre bibliothèque d'API JS (Froogaloop), vous devez attribuer à chaque lecteur un identifiant de joueur correspondant à l'identifiant de l'élément iframe.

http://player.vimeo.com/video/VIDEO_ID?api=1&player_id=vimeoplayer

Vous devrez peut-être ajouter le paramètre de requête player_id à la définition de src.

2
Eric Groft