2010-06-02 101 views
0

我有的精打在Chrome我的标准视频标签;有没有一种方法来捕捉在iPhone上HTML5视频的事件?

<video width="x" height="y" src="video.mp4"></video> 

视频本身在iPhone上播放很好,但是,有没有办法监听事件?任何事件?我想用“结束”事件,但即使是“点击”和“放”将是有益的!

标准

video.addEventListener('ended', function() { 
    alert('this adds nothing'); 
}, false); 

不会在所有的工作,而且我也不能跟踪视频上的标签click事件(以同样的方式)。

如果不是,是否有可能在视频的顶部添加一个透明,跟踪正常的点击事件,然后触发视频的播放事件,以便视频在单独的窗口中加载为正常?

回答

0

这里是Safari HTML5 Audio and Video Guide

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Sequential Movies</title> 
    <meta http-equiv="content-type" content="text/html; charset=utf-8"> 
    <script type="text/javascript"> 
     // listener function changes src 
     function myNewSrc() { 
      var myVideo = document.getElementsByTagName('video')[0]; 
      myVideo.src="http://homepage.mac.com/qt4web/sunrisemeditations/myMovie.m4v"; 
      myVideo.load(); 
      myVideo.play(); 
     } 

     // function adds listener function to ended event --> 

     function myAddListener(){ 
     var myVideo = document.getElementsByTagName('video')[0]; 
     myVideo.addEventListener('ended',myNewSrc,false); 
     } 
    </script> 

    </head> 

    <body onload="myAddListener()"> 
     <video controls 
     src="http://homepage.mac.com/qt4web/sunrisemeditations/A-chord.m4v" 
     > 
     </video> 
    </body> 
</html> 
+0

这几乎正是我尝试 - 我的例子是通过JS实际注入,但..学术 - 而不会触发事件在iPhone上 – 2010-06-02 21:25:44

+0

我可以确认上面的代码为iPad启动了......不知道这是否会有所帮助。 – 2010-06-03 23:31:35

+0

这是有帮助的 - 谢谢! 这是否意味着它不会对iPhone在所有的工作?有人知道吗?任何人都可以想到某种解决方法?基本上,我需要的视频或者结束后修改DOM或者,我想,一旦视频播放(因为它在新窗口中打开)。 – 2010-06-04 10:33:15

1

这完全适用于我在iPhone/iPad的/ Safari /铬

 $('#video_1').bind("ended",videoFinished); 

功能videoFinished(E){ 的console.log(“IM完成);}

相关问题