web-dev-qa-db-ja.com

Vimeo Embeddedビデオの追加テキスト

私が取り組んでいるWordPressサイトのために、ビデオが提示されるjodaのスライダー（コーダスライダーに基づく）があります。すべてのビデオはVimeoからのものです。動画が再生中で、誰かが次の動画にスライドしても、他の動画は再生され続けます。私は私がビデオを制御することを可能にするVimeoからのいくつかのAPIコードを見つけた、それで私は誰かが次のビデオにスライドするときビデオを一時停止するスライダーボタンに「一時停止」クラスを加えることができる。

しかしながら;これを機能させるには、iframeタグにIDを追加し、このコード行をビデオプレーヤーのURLの最後に追加する必要があります。?api=1&player_id=player_1

そのため、最終的な出力は次のようになります（player_id番号が各ビデオで一意になることを除く）。

<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>

これを行うことができる私が作成できる関数があるのだろうか。 WordPressに埋め込まれたコードが存在するコアファイルがいくつかあることを私は知っていますが、それを台無しにするのは躊躇しています。

embedoembed
1
endle.winters

各関数のインデックスを使用してフレームIDを追加してから、srcに必要な文字列を追加します。

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

さて、私は、WordPressでclass-oembed.phpファイル用に作成されたパッチを見つけることができました。これにより、追加の引数をoEmbedに送信することができます（通常は "Width"と "私がここで見つけたパッチ： http://core.trac.wordpress.org/attachment/ticket/16996/16996-2.diff
これを使用すると、URLとともに追加の引数oEmbedを次のように送信できました。

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

私はまだiframeのIDを返す方法を見つけていませんが、私は私の特定の例ではページ上の1つの特定のビデオを選択する必要がないので、私はそれを回避できると思います。実行中のすべての動画を一時停止するボタン。

1
endle.winters