jsFiddle: http://jsfiddle.net/krU9K/4/
WordPress の投稿には、投稿のサムネイルの下に youtube と vimeo の動画が埋め込まれます。ユーザーがサムネイルをクリックした後、フェードアウトして動画の再生を開始する必要があります。
すべての埋め込み iframe ID は、この構造"youtube-{postid}"
または"vimeo-{postid}"
. そのため、ページの読み込み時に id プレフィックスを確認し、youtube/vimeo プレーヤー API の初期化を使用して、それらをグローバルvar players - {};
オブジェクトに入れてすべてのプレーヤーを保持できます。
Firefox/Chrome は正常に動作しますが、Opera/IE では動作しません。Operas コンソールでエラーが発生しますUncaught exception: TypeError: Cannot convert 'players[iframeID]' to object
。そのため、Opera ではオブジェクトが空のように見えますが、FF/Chrome ではすべてのプレーヤーがあり、動作します。
ヒント/アイデアはありますか?