2010-06-02 91 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完成);}

相關問題