当html5video结束时触发.changePage（），iOS

这是一个片段，可以在Android（v2.2）和各种桌面浏览器（Chrome，FF）上完成工作。 问题在于iOS，它会愉快地提醒，但不会更改页面。

它似乎在等待用户点击完成按钮，我想避免 。 我知道这是可以实现的，因为有人尝试使用iOS 4，在我捣乱代码的时候，它对他们起作用了 – 所以我知道这是可能的。

最终结果是在html5video播放完毕后跳过完成按钮，以显示内容页面，最好使用jQuery-Mobile。

编辑：

我在控制台中没有出现任何错误，无论是FireBug还是Chrome。 我现在想知道是否有一种方法可以在没有“内置”播放器的情况下强制播放video，我假设我无法控制通过JS或其他方式。

JavaScript ：

var v = $('#movie'); //what happens after the video is over? v.bind('ended',function(){ alert("The video will close, and a content page will show."); $.mobile.changePage($('#lamps')); }); 

加价 ：

  
  
 
 
...
  

任何帮助将不胜感激。 🙂

另一个编辑：

Nuking包含标签的div解决了关闭video的问题（我刚才添加了容器）：

  $('video#movie').bind('ended',function(){ $('#vid_container').remove(); $.mobile.changePage($('#lamps')); }); 

满足了对最终结果的要求，但似乎有点笨拙 – 东西反弹了一下。 我仍然在寻找一个可靠的解决方案。 – @Phill Pafford，谢谢你的帮助:)

Answer 1

删除容器会回答关闭video的问题：

    ...    
 
  
 
 
 ... 
   

Answer 2

尝试添加如下元素类型：

 $('video#movie').bind('progress',function(e){ console.log(e.total + ' ' + e.loaded + ' ' + e.lengthComputable ); }); $('video#movie').bind('ended',function(){ alert('The video will close, and a content page will show.'); $.mobile.changePage($('#lamps')); });