7

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

  1. 用户播放 HTML5 视频(点击播放图标)
  2. 移动 Safari 打开全屏播放器 3 用户点击完成

我尝试了各种方法,但这些事件都没有奏效。

  1. 结束了
  2. webkitend全屏
  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>
4

1 回答 1

15

我今天在这个问题上敲了好几个小时。最初,我正在触发“webkitfullscreenchange”事件,但它没有在移动设备上触发。最终我找到了事件'webkitendfullscreen',它在视频关闭时触发。这是代码:

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

希望这可以帮助。

于 2014-01-17T20:39:37.240 回答