2013-08-28 18 views
5

ユーザーがネイティブビデオプレーヤーの「完了」ボタンをクリックすると、Safari iPhone Mobile Browser(iOS 7)で新しいタブを開くことを基本的に試みています。これは、アクションの流れです:iOS Safariがネイティブプレーヤーで「完了」をクリックしたときに検出します

  1. ユーザーがHTML5ビデオを再生し、これらのイベントの私は様々なアプローチを試みた

完了

  • モバイルSafariが開きますフルスクリーンプレーヤー 3ユーザーがクリックすると、なし(再生アイコンをクリック)作業しています。

    1. は、適切な解決策になるかもしれないものの上
    2. webkitendfullscreen
    3. 一時停止

    任意のアイデアを終了しましたか?あなたは、私がこれまでに行った作業をチェックアウトしたい場合は、ここでのコードとJSFiddleリンクです:http://jsfiddle.net/r8bRE/

    <script> 
        var myVideo = document.getElementById("nVideo"); 
    
        myVideo.addEventListener("pause", function() { 
         window.open("http://www.google.com", "_blank"); 
         window.focus(); 
        }, false);  
    
        myVideo.addEventListener('webkitendfullscreen', function() { 
         window.open("http://www.google.com", "_blank"); 
         window.focus(); 
        }, false); 
    </script> 
    
  • +0

    解決策を見つけましたか? – cheeesus

    答えて

    14

    今日はかなりの数時間のために、この上で私の頭を打ちました。当初は、「webkitfullscreenchange」というイベントが発生していましたが、モバイルでは起動されていませんでした。最終的に、ビデオが閉じられたときに起動されるイベント「webkitendfullscreen」が見つかりました。コードは次のとおりです。

    $('video').bind('webkitendfullscreen', function() 
    { 
        console.log('on webkit close'); 
    }); 
    

    希望します。

    +0

    diemondtank、あなたは聖者です – gdibble

    +0

    あなたは、webkitendfullscreenがイベントリスナーではなくバインドで作業していることを意味していますか? – Diana

    +0

    @Diana:イベントリスナーはiPadで動作しているようですが、Macでは正しく動作していないようです。https://stackoverflow.com/questions/9094913/how-to-figure-out-when-a-html5-video-プレイヤーがフルスクリーンモードでオンになる – mvermand

    関連する問題