Есть ли способ захватить видео-события HTML5 на iPhone? - PullRequest
Новая
       24

Есть ли способ захватить видео-события HTML5 на iPhone?

0 голосов
/ 02 июня 2010

У меня есть стандартный тег видео, который отлично воспроизводится в Chrome; 

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

Само видео отлично воспроизводится на iPhone, однако нет ли способа прослушать события? Любое событие? Я хотел бы использовать событие «закончили», но даже «щелчок» или «игра» были бы полезны!

Стандарт 

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

не работает вообще, и я также не могу отследить событие клика (таким же образом) на теге видео.

Если нет, то возможно ли добавить прозрачный поверх видео, отслеживать событие щелчка к нему как обычно, но затем запустить событие воспроизведения для видео, чтобы видео загружалось в отдельное окно как обычно

Ответы [ 3 ]

1 голос
/ 23 апреля 2011

Это прекрасно работает на iphone / ipad / safari / chrome 

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

функция videoFinished (e) { console.log ("im done);}

0 голосов
/ 04 июня 2010

Я еще не тестировал его на iPhone, но вы можете проверить этот проект.

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

0 голосов
/ 02 июня 2010

Вот пример из Аудио и видео руководства Safari HTML5 

<!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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...