9
Estoy tratando de adjuntar algunos eventos a un elemento de video HTML5 dentro de la aplicación web de mi iPad, pero parece que no se activan. Probé esto tanto en el dispositivo como en el simulador y obtuve los mismos resultados. Sin embargo, los eventos (para el onclick al menos) funcionan bien en Safari de escritorio. También intenté intercambiar el elemento de video por un div y los eventos dispararon bien. ¿Alguien más se ha encontrado con esto y tiene una idea para trabajar?Elemento de video HTML5 en iPad no se activa al hacer clic o al tocar eventos?
<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>
Brilliant! ¡eso funciono! He encontrado bastantes inconstancias con Safari móvil y Safari de escritorio. Algunos de ellos, como la desactivación de la reproducción automática en video, están documentados en el sitio de Apple, pero parece que hay muchos caprichos indocumentados o me atrevo a decir errores. ¿Conoces algún recurso que enumere estas diferencias? –
No pude hacer que funcione :(. ¿Cómo está exactamente creando el elemento de video? El mío se ve como y en JS estoy haciendo document.getElementById (" vid "). addEventListener ('click', function (e) {e.preventDefault(); alert (" clicked ");}) ; Funciona bien en safari de escritorio, pero no en ipad/iphone. Sugiera alguna solución. – bhups
@bhups - si tiene alguna pregunta, haga una * pregunta *, no solo comente la respuesta de otra persona a un problema diferente. – Quentin