0

iframe を使用して youtube/vimeo ビデオを自分のサイトに埋め込んでいます。

<iframe src="http://www.youtube.com/embed/{$entity->getYoutubeVideoID()}" ...></iframe>

ビットは、{$entity->getYouTubeVideoID()}スマートなテンプレート コード構文です。ビデオは Chrome と IE9 以降で正常にアップロードおよび再生されるため、それは問題ではないと思います。ビデオは Firefox と Safari にも正常にアップロードされます。つまり、ビデオを見ることができ、それは正しいものです。しかし、ビデオをクリックしても、Firefox でもサファリでも再生されません。

興味深いのは、他のイベントがトリガーされることです。つまり、マウスオーバーすると、ビデオの再生ボタンが変わります。YouTube ビデオでは、再生アイコンのある中央のボタンがグレーで始まり、マウスオーバーすると赤に変わります。したがって、iframe はイベントを登録しています。ただし、クリックしても再生されません。ここからどこへ行けばいいのかわからない。

私が iframe に持っている他のイベント ハンドラーはこれだけですが、それが台無しになっているとは思えません。

$(window).blur(function(){
    if($('iframe').is(':focus')){
        mySwipe.slide(mySwipe.getPos(), 1000);
    }
});

(mySwipe は swipe.js スライドショー ライブラリを指します)

4

4 に答える 4

1

Firefox の再生ボタンにも問題がありました。私はhtml5 Doctypeを使用していたので、YouTubeのURLの後に次を追加しました

&html5=1

多分これはあなたを助けるかもしれません。

于 2013-05-20T22:17:22.523 に答える