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

Adr*_*ici 6 html5 mobile-safari html5-video ios

当用户单击Native视频播放器中的"完成"按钮时,我基本上尝试在Safari iPhone Mobile Browser(iOS 7)中打开一个新选项卡.这是行动流程:

  1. 用户播放HTML5视频(点击播放图标)
  2. Mobile 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>
Run Code Online (Sandbox Code Playgroud)

小智 14

今天我对这个问题猛烈抨击了几个小时.最初,我正在启动"webkitfullscreenchange"事件,但它并未在移动设备上触发.最终我发现了'webkitendfullscreen'事件,该事件在视频关闭时被触发.这是代码:

$('video').bind('webkitendfullscreen', function()
{ 
    console.log('on webkit close'); 
});
Run Code Online (Sandbox Code Playgroud)

希望这可以帮助.