Вопросы Теги

Элемент видео HTML5 на iPad не запускается при нажатии или сенсорном запуске события?

Я пытаюсь прикрепить некоторые события к элементу HTML5 Video в моем веб-приложении iPad, но похоже, они не запускаются? Я тестировал это как на устройстве, так и в симуляторе и получил одинаковые результаты. Однако события (по крайней мере, для onclick) отлично работают в настольном Safari. Я' Вы также пробовали поменять местами видеоэлемент на div, и события срабатывают нормально? Кто-нибудь еще сталкивался с этим и есть идея для решения проблемы? 

<html>
        <head>
                <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
                <title>Test video swipe</title>
        </head>
        <body>

                <video src='somevid.mp4' id='currentlyPlaying' width='984' height='628' style='background-color:#000;' controls='controls'></video>

                <script>
                        var theVid = document.getElementById("currentlyPlaying");

                                theVid.addEventListener('touchstart', function(e){
                                        e.preventDefault();
                                        console.log("touchstart");
                                }, false);

                                theVid.addEventListener('click', function(e){
                                        e.preventDefault();
                                        console.log("click");
                                }, false);

                                theVid.addEventListener('touchmove', function(e){
                                        console.log("touchmove");
                                }, false);

                                theVid.addEventListener('touchend', function(e){
                                        console.log("touchend");
                                }, false);

                                theVid.addEventListener('touchcancel', function(e){
                                        console.log("touchcancel");
                                }, false);



                </script>
        </body>
</html>
10
задан ad rees 27 September 2010 в 12:25
поделиться