2

このホームページの YouTube iframe の上に div オーバーレイがあります。

アイデアは、一度クリックするとビデオが自動的に再生されるということですが、ボールを再生することはできません. YouTube パラメータ 'autoplay=1' を設定すると、画像をクリックしなくてもビデオが画像の下で再生されます。

以下に使用しているコードを示します。

<div onclick="thevid=document.getElementById('thevideo');
thevid.style.display='block'; 
this.style.display='none'">

<img style="cursor: pointer;"
src="http://www.belfastdigitalagency.com/wp-content/themes/responsy-v2.5/random_image1.php"
alt="belfast digital marketing agency animated video" />
</div>

<div id="thevideo" style="display: none;">
<iframe width="1280" height="720"
src="http://www.youtube.com/embed/iy_lolGhjPE?rel=0&vq=hd720&color=white&autoplay=0&wmode=transparent&theme=light&showinfo=0&origin=http://www.belfastdigitalagency.com"
frameborder="0" allowscriptaccess="always"
allowfullscreen="true"></iframe>
</div>

何がうまくいかないのですか？見栄えの悪いものをチェックするための単なるポインターであっても、事前に非常に感謝しています!

乾杯、

フィル

PS - UnLoCoという伝説のおかげで、すぐに修正されました。修正する最終的なコードは次のとおりです。これからもUnLoCoをよろしくお願いします！

<div onclick="thevid=document.getElementById('thevideo');
thevid.style.display='block'; this.style.display='none'; 
document.getElementById('iframe').src = 
document.getElementById('iframe').src.replace('autoplay=0','autoplay=1');">

<img style="cursor: pointer;" src="http://www.belfastdigitalagency.com/wp-content/themes/responsy-v2.5/random_image1.php" alt="belfast digital marketing agency animated video" />
</div>

<div id="thevideo" style="display: none;">
<iframe id="iframe" width="1280" height="720" src="http://www.youtube.com/embed/iy_lolGhjPE?rel=0&vq=hd720&color=white&autoplay=0&wmode=transparent&theme=light&showinfo=0&origin=http://www.belfastdigitalagency.com"
frameborder="0" allowscriptaccess="always" allowfullscreen="true"></iframe>
</div>
4

1 に答える 1

7

クリックすると、次を追加します。

document.getElementById('iframe').src = 
document.getElementById('iframe').src.replace('autoplay=0','autoplay=1');
于 2012-08-16T21:56:25.773 に答える