当用户点击本机播放器中的“完成”时,iOS Safari会检测到

时间:2013-08-28 13:42:48

标签: ios html5 html5-video mobile-safari

当用户点击原生视频播放器中的“完成”按钮时,我基本上尝试在Safari iPhone移动浏览器(iOS 7)中打开一个新选项卡。这是行动流程:

  1. 用户播放HTML5视频(点击播放图标)
  2. Mobile Safari打开全屏播放器 3用户点击完成
  3. 我尝试了各种方法,这些事件都没有奏效。

    1. 结束
    2. webkitendfullscreen
    3. 暂停
    4. 关于什么是合适的解决方案的任何想法?如果你想看看我到目前为止所完成的工作,那么代码和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>
      

1 个答案:

答案 0 :(得分:14)

今天我在这上面冲了几个小时。最初,我正在启动“webkitfullscreenchange”事件,但它并未在移动设备上触发。最终我发现了'webkitendfullscreen'事件,该事件在视频关闭时被触发。这是代码:

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

希望这有帮助。