ansaurus

Question

Is there a way to capture HTML5 video events on the iPhone?

Answer 1

A:

Here is an example from 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>

Shaji 2010-06-02 17:27:02

That's almost exactly what I've tried - my example is actually injected via JS, but.. academic - and that event does not fire on the iPhone.

Marc Fowler 2010-06-02 21:25:44

I can confirm the above code does fire for the iPad... don't know if that will help at all.

Jeff Beck 2010-06-03 23:31:35

That is helpful - thanks!So does that mean it won't work at all on the iPhone? Does anyone know? Can anyone think of some kind of workaround? Basically I need to modify the DOM after the video either ends or, I suppose, once the video is playing (Since it opens in a new window).

Marc Fowler 2010-06-04 10:33:15

Answer 2

A:

I can't get the example from Safari HTML5 Audio and Video Guide to work on iPad with an audio tag. It seems that addEventListener('ended',myNewSrc,false) is not fired at all. I'm trying to solve an issue with audio player loop on iPad. After the file is played, it restarts from beginning and I'm afraid it is an iPad bug. The HTML code is correct. Anyone had the same problem? Where can I found a list of supported event listeners on iPad? TIA

MrBrown 2010-06-04 10:53:04

I confirm that the loop problem with audio happens also on Safari for OSX and Windows.

MrBrown 2010-06-04 11:38:33

Answer 3

A:

I haven't tested it yet on the iPhone but you can check this project out.

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

JeremySpouken 2010-06-04 10:58:59

ansaurus

tags:

views:

answers:

Is there a way to capture HTML5 video events on the iPhone?

related questions