0

画像をクリックした後に youtubevideo を開始できるコードがあります。問題は、Opera や Chrome などです。クリックする前に、画像の後ろでビデオを開始します。Firefox は正常に動作します。

私のコードは次のとおりです。

<div onclick="thevid=document.getElementById('thevideo'); thevid.style.display='block'; this.style.display='none'">
    <img style="cursor: pointer; margin-left: 89px;" src="./img/style/new/slider/XXXXXX.png" alt="" />
</div>
<div id="thevideo" style="display: none;">
    <iframe width="604" height="266" src="//www.youtube.com/embed/XXXXXXXX?rel=0&autohide=2&showinfo=0&controls=0&modestbranding=0&wmode=transparent&showsearch=0&version=3&autoplay=1" frameborder="0" allowfullscreen></iframe>
</div>

より良いコードのために私を助けてもらえますか? さらに、ビデオの終了後に画像を再度表示することは可能ですか?

前もって感謝します

編集：プッシュ

4

3 に答える 3

0

上記を参照：

編集: プログラムによるアプローチで処理するには、YouTube URL の自動再生値を「autoplay=0」に変更します。id="iframe" などの id 値を iframe に追加します。次に、次のコード行を画像のクリック関数に追加します: document.getElementById('iframe').src = document.getElementById('iframe').src.replace('autoplay=0','autoplay=1' );

これは、Youtube Overlay Image Div - Autoplay Underneath でも見ることができます。

私はそれを使用しましたが、それはうまくいきます！

于 2013-09-20T21:10:24.470 に答える