モバイルでフルスクリーンのiframeを残して検出する

Question

ページに複数のiframeがあり、再生を開始すると自動的にモバイルで全画面表示になります。私はyoutubeのAPIを使用してビデオを読み込み、上部にカスタム再生ボタンで "カバー"画像を表示しています。モバイルでは、ユーザーが再生ボタンをクリックすると、カバー画像が消え、ビデオはフルスクリーン表示され、再生が開始されます。しかし、私ができることが必要なのは、ユーザーが「完了」をクリックするとビデオがフルスクリーンになり（カバーする）、カバーイメージが元に戻ります（現在は表示されません）。問題は、ユーザーが「完了」をクリックしたときに検出できないように見えることです。

私が使用してみませんしました：

$('iframe').bind('webkitendfullscreen', function(){ 

    // code in here shows the cover image but even just a standard alert isn't firing. 
    $('#coverImage').show(); 

}); 

どんなに私はwebkitendfullscreenが発射されていない何をすべきか。モバイルでiframeが完了したときを検出する方法はありませんか？

何か助けや指摘に感謝します！

Answer 1

このSO postからpowtacからの回答によると：

あなたは、同じドメイン下にないのiframeと対話することはできません。 これは常にブラウザのポリシーによって防止されます。

私はこのSO postからあなたの問題にヒントがあると思います。

これは、SO postでも確認できます。