2011-11-11 8 views
6

YouTubeのiFrame APIを使用して動画をページに埋め込みました。すべては、IEを除くすべてのブラウザで素晴らしい動作をします。 IEでは、ビデオフルスクリーンを表示するボタンが機能しません。クリックすると灰色に変わります。YouTube iFrame API - Internet Explorerでフルスクリーンボタンが機能しない - クリックした直後に灰色(無効)になる

ほとんどの場合、シンプルではありますが(それはいつもですか?)、問題を見つけることができないだけでなく、この特定の問題を参照することもできません。

私がこの問題を解決できるまで、私がすでに修正した問題のいくつかが実際にはプッシュされないため、例のURLを提供するのをためらっていますが、実際にはその例があります。

http://www.lauramercier.com/store/content/artistDetails.jsp?yt&itemId=5500264

: - :私は経験してるで見つけることができるの

http://www.lauramercier.com/store/content/artistDetails.jsp?yt&itemId=1300008

別の例は、(私はすでにローカルに修正した問題を数回を更新する必要があるかもしれません)であります

<iframe name="youtubePlayer" width="225" height="135" class="youtube-player" id="youtubePlayer1" src="http://www.youtube.com/v/a5uiSVSQB3U&fs=1&playerapiid=youtubePlayer1&version=3&wmode=transparent&origin=http://lauramercier.com&modestbranding=1" frameBorder="0" style="padding-top: 5px; position: relative; z-index: 1;" type="text/html"></iframe> 

ああ、と「varタグ」と「tag.src」のものがコメントアウトされているが、私はあまりにもそれを試してみましたが、それはしませんでした:第二例えば例のiFrameコードがあります私は、文字列全体を入力した場合は関係するように見える:私はGoogleからのものと私たちの古いswfobject.jsをオーバー書いた後

<script type="text/javascript" src="http://www.youtube.com/player_api"></script> 

はもうああ...私はまた(「swfobject.embedSWF」の方法を試してみましたコード)、ボタンは同じ正確な事をしました。

多分何かが矛盾していますか?

ご協力いただければ幸いです!

ありがとうございます! (上記の私のコメントあたり)240ピクセルの必要な最小幅:

フラッシュAPI

+0

Flash APIを使用してフルスクリーンを表示できますが、フルスクリーンボタンを表示するには、ビデオの最小幅を240ピクセルにする必要がありました。 –

答えて

7

一日中、すべての3つのAPIで遊んでた後、私は私が各1としていた問題を発見しました。 Brian Dickeyに感謝します。

のJavaScript API:= "true" を> </PARAM >

<のparamの名前= "allowFullScreen" 値:私は、私は、オブジェクトのparamを欠けていた、>タグを埋め込む<に= "true" をallowfullscreen追加が

iFrame API:これは最長の時間を要し、iFrame APIとJavaScript APIの両方で解決されました。そして解決策を見つけたら、私はdocumentation on itを見つけることができました。基本的には、[youtube.com /v/ videoID](AS3とAS2プレーヤー)を使用して動画にリンクしていましたが、IE(その他)は[youtube.com /embed/ videoID](HTML5プレーヤー) - 少なくとも私はそれらを実装しています。

他のブラウザで同じことを起こさなかった唯一の理由は、開発中のある時点でIEのコメントを使用してiFramesを個別に呼び出す必要があることがわかったからです(おそらくwmodeを正しく実装していないためです)。そして私はyoutube.com/v/リンクを私が最初に持っていたものとは違った別のページから入手したに違いありません。

これを見ると、/ v/linkはいずれのブラウザでも実装されていないことがわかりました。したがって、それらはすべて/ embed /する必要があります。 IEコメントを使用して分割します。

一部のページでもyoutube.com/e/リンクが表示されていますが、これは私の実装では機能しません。

+0

Jeffrey Posnickに感謝します。http://code.google.com/apis/youtube/forum/discussion.html?place=msg%2Fyoutube-api-gdata%2FNKh5-43zicA%2Fil6lNgo3SCgJ –

+1

Iそれを言うのは嫌だが、最新のChromeとSafari(Webkitブラウザ)ではフルスクリーンのボタンが動作しない。 http://www.google.com/support/forum/p/Chrome/thread?tid=3ebf860389635bf5をご覧になり、解決策が見つかった場合はお知らせください。延長された研究のために+1 – Zade

+0

+1。 @KDCinfoに感謝します。オブジェクトパラメータと埋め込みタグの両方を設定することは、YouTube JavaScript APIを使用してフルスクリーンモードを有効にするための鍵です。 – blackhawk

関連する問題