0

YouTubeビデオに画像を使用しています。画像をクリックすると (#imageID)、ビデオが表示されます。たとえば、ビデオを停止し、開始位置（0:00）に戻し、ボタンクリック（#stop_replace）でビデオの上に画像を再度表示する方法に問題があります。

HTML:

<div id="ytapiplayer2" style="display:none;">
    <object width="600" height="375">
        <param name="movie" value="http://www.youtube.com/v/WSulgIt-Q_c?fs=1&hl=en_US&rel=0&autoplay=1"></param>
        <param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param>
        <embed src="http://www.youtube.com/v/WSulgIt-Q_c?fs=1&hl=en_US&rel=0&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="600" height="375"></embed>
    </object>
</div>

<img src="image.jpg" id="imageID" />
<img src="button_image.jpg" id="stop_replace" />

JavaScript/Jquery:

$('#imageID').click(function() {
$('#ytapiplayer2').show();
$('#imageID').hide();
});

jsfiddle のコード: http://jsfiddle.net/AdUvY/6/。これも iframe を使用して実行できることはわかっていますが、この方法で実装する必要があります。私を手伝ってくれますか。ありがとう。

4

1 に答える 1

1

サンプルデモを作成しました。

これを確認して、問題の解決策が得られるかどうかをお知らせください。

デモ: http://jsfiddle.net/codebombs/Rpgkk/2/

ここでは、 http: //jquery.thewikies.com/swfobject/ の jQuery SWFObject プラグインを使用しています。これにより、簡単なコードを記述して SWF オブジェクトを埋め込むことができます。

また、IE ブラウザで SWF オブジェクトを非表示にすると、バックグラウンドで再生される可能性があります。そのため、必要がなくなった場合は、div から完全なプレーヤーを削除するのが最善の方法です。

そのため、不要な場合はプレーヤー div から SWF オブジェクトを削除しました。

これにより、必要なときにプレーヤーを開始することが自動的に可能になります。

変更が必要な場合はお知らせください。

于 2012-08-05T09:59:57.113 に答える