web-dev-qa-db-fra.com

texte supplémentaire dans les vidéos Vimeo Embedded

Pour un site WordPress sur lequel je travaille, il existe un curseur jQuery (basé sur le curseur Coda) où les vidéos sont présentées. Toutes les vidéos proviennent de Vimeo. Si une vidéo est en cours de lecture et que quelqu'un passe à la vidéo suivante, la lecture de l'autre vidéo se poursuit. J'ai trouvé un code API de Vimeo qui me permet de contrôler la vidéo, afin que je puisse éventuellement ajouter une classe "pause" aux boutons de curseur qui mettront les vidéos en pause lorsque quelqu'un passe à la vidéo suivante.

Toutefois; pour que cela fonctionne, il me faut un identifiant ajouté à la balise iframe, ainsi que cette ligne de code à la fin de l'URL du lecteur vidéo: ?api=1&player_id=player_1 (sauf que player_1 doit être un identifiant unique)

La sortie finale devrait donc ressembler à ceci (sauf que le numéro de player_id sera unique sur chaque vidéo):

<iframe id="player_1" src="http://player.vimeo.com/video/27421766?api=1&amp;player_id=player_1" width="670" height="377" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe>

Je me demande s’il existe une fonction que je peux créer pour le faire. Je sais qu'il existe des fichiers de base dans WordPress où réside le code d'intégration, mais je suis impatient de jouer avec cela.

embedoembed
1
endle.winters

J'ajoute un ID d'image à l'aide d'un index de chaque fonction, puis j'ajoute le code src avec la chaîne dont vous avez besoin:

jQuery('#video-gallery-list li.video-player').each(function(i) {
    // set up a variable for the src that includes the new unique ID you're about to use
    var this_src = jQuery(this).find('iframe').attr('src') + '?api=1&amp;player_id=player_'+i;
    jQuery(this).find('iframe').attr('ID', 'player_'+i).attr('src',this_src);
});
2
Will Lanni

Très bien, j'ai pu trouver un correctif créé par quelqu'un pour le fichier class-oembed.php dans WordPress permettant d'envoyer des arguments supplémentaires à oEmbed (normalement, vous ne pouvez envoyer que les paramètres "Width" et " Hauteur ". Le patch que j'ai trouvé ici: http://core.trac.wordpress.org/attachment/ticket/16996/16996-2.diff
En utilisant cela a été capable d'envoyer des arguments supplémentaires oEmbed avec l'URL comme ceci:

return $wp_embed->shortcode( array('width' => $width, 'height' => $height, 'api' => 1, 'player_id' => $postID), $videoURL );

Je n'ai toujours pas trouvé de moyen de renvoyer un identifiant pour l'iframe, mais je pense que je peux contourner ce problème car, dans mon cas particulier, je n'ai pas besoin de choisir une vidéo particulière sur une page ... je dois simplement créer un bouton qui mettra en pause toutes les vidéos en cours.

1
endle.winters