Question

我的标准视频标签在Chrome中运行良好;

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

视频本身在iPhone上运行良好，但是，没有办法听取事件吗？任何类型的活动？我想使用'已结束'活动，但即使是“点击”或“播放”也会有所帮助！

标准

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

根本不起作用，也无法跟踪视频标记上的点击事件（以相同的方式）。

如果没有，是否可以在视频顶部添加透明，正常跟踪点击事件，然后触发视频的播放事件，以便视频在单独的窗口中正常加载？

Answer 1

这对我来说非常适合iphone / ipad / safari / chrome

       $('#video_1').bind("ended",videoFinished);
function videoFinished（e）{ console.log（“即时完成”;}

Answer 2

以下是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>

Answer 3

我还没有在iPhone上测试它，但你可以检查这个项目。

http://www.kaltura.org/project/HTML5_Video_Media_JavaScript_Library

有没有办法在iPhone上捕获HTML5视频事件？

3 个答案: