php - jQuerytubeplayer-ページ内のビデオを停止するためのリンク

Question

jQuery tubeplayerを使用して、ビデオの埋め込みを停止する単一のボタンを設定するにはどうすればよいですか？

私は複数のビデオをレンダリングするためにphpを試します：

echo '
<div class="video_frame">
<script type="text/javascript">
$(".video_frame").tubeplayer({
width: 960, // the width of the player
height: 390, // the height of the player
allowFullScreen: "true", // true by default, allow user to go full screen
initialVideo: "'.$destaque_g['video'].'", // the video that is loaded into the player
preferredQuality: "default",// preferred quality: default, small, medium, large, hd720
onPlay: function(id){}, // after the play method is called
onPause: function(){}, // after the pause method is called
onStop: function(){}, // after the player is stopped
onSeek: function(time){}, // after the video has been seeked to a defined point
onMute: function(){}, // after the player is muted
onUnMute: function(){} // after the player is unmuted
});
</script>
<div>';

そして、これをヘッドドキュメントタグ内と呼びます。

$('.stripe_bottom').find('a').click(function() {
$('.video_frame').tubeplayer('stop');
});

クラス'stripe_bottom'のdiv内のタグ'a'が、クラス'video_frame'のdiv内のビデオを停止できることを望みます。

'stripe_bottom'内のリンクをクリックすると最初のビデオが停止しますが、別のビデオは停止しません。

誰か助けてもらえますか？

Answer 1

これを試して：

$('.stripe_bottom').find('a').click(function() {
    $('.video_frame').each(function(){$(this).tubeplayer('stop');});
});