Autor
|
Tema: [Resuelto] Ayuda con PHP, etiqueta <video> y accionar botones (Leído 2,725 veces)
|
mascalapiz
Desconectado
Mensajes: 9
|
Hola! Salgo de las sombras para preguntaros una duda xD Veréis, tengo una web de contenido para adultos y muchos visitantes me han pedido algo que llevaba tiempo queriendo hacer, pero no sé como hacerlo muy bien, a ver si me podéis echar un cable. La web está ordenada por categorías pero no subo vídeos, sino archivos webm. El caso es que nada más entrar, lo que se muestra es un vídeo webm aleatorio de todos los que hay (está puesto mediante la etiqueta <video> y con autoplay para que se inicia nada más entrar en la página) y debajo del webm hay un botón "Random" que te cambia el webm actual por otro aleatorio de la página (de cualquier categoría). El caso es que quiero conseguir que cuando el webm termine (algunos duran X segundos, otros XX segundos y otros unos pocos minutos) se ponga en autoplay otro webm aleatorio, sin tener que darle tú manualmente al botón "Random" xD Alguno puede darme alguna idea sobre cómo se podría hacer? Llevo poco tiempo con php y todo lo he hecho desde 0, pero esque con esto me quedo en blanco Un saludo y gracias!
|
|
« Última modificación: 8 Abril 2015, 22:36 pm por #!drvy »
|
En línea
|
|
|
|
#!drvy
|
Eso tiene que ver mas bien poco con PHP. Usa el evento, onended sobre el objeto del video. Ejemplo: <video id='video' src='http://v2v.cc/~j/theora_testsuite/320x240.ogg' controls></video> <script type='text/javascript'> var video = document.getElementById('video'); var otraUrl = 'http://v2v.cc/~j/theora_testsuite/pixel_aspect_ratio.ogg'; video.onended = function(){ this.pause(); this.src = otraUrl; this.play(); }; </script>
Saludos
|
|
|
En línea
|
|
|
|
mascalapiz
Desconectado
Mensajes: 9
|
Eso tiene que ver mas bien poco con PHP. Usa el evento, onended sobre el objeto del video. Ejemplo: <video id='video' src='http://v2v.cc/~j/theora_testsuite/320x240.ogg' controls></video> <script type='text/javascript'> var video = document.getElementById('video'); var otraUrl = 'http://v2v.cc/~j/theora_testsuite/pixel_aspect_ratio.ogg'; video.onended = function(){ this.pause(); this.src = otraUrl; this.play(); }; </script>
Saludos Gracias por la respuesta, he estado probando esto que dices pero me he dado cuenta de que no me sirve xD Porque no quiero que reproduzca un video en concreto una vez termine el vídeo actual, sino que la url actual cambie (ya que es del estilo www.pagina.com/index.php?video=$random)Y para ello tengo que conseguir que cuando haga la funcion del "onended" pulse el boton "Random". Eso se puede hacer? Un saludo y gracias por tu ayuda! EDIT: Vale, ya está. Al final lo he hecho con tu código, pero he cambiado la segunda URL y lo de start-pause por un simple location poniendole la url con el valor aleatorio xD
|
|
« Última modificación: 8 Abril 2015, 21:14 pm por mascalapiz »
|
En línea
|
|
|
|
T. Collins
Desconectado
Mensajes: 206
|
Hazlo con AJAX: video.onended = function(){ this.pause(); var h = new XMLHttpRequest(); h.open("GET", "/random.php", false); h.send(null); if (h.status === 200) { this.src = h.responseText; } this.play(); };
Necesitas un php que se llame random.php con algo así: echo $url_random_video;
Prueba ahora que antes he mandado el mensaje sin querer xd
|
|
« Última modificación: 8 Abril 2015, 21:28 pm por T. Collins »
|
En línea
|
|
|
|
mascalapiz
Desconectado
Mensajes: 9
|
Hazlo con AJAX: var h = new XMLHttpRequest(); h.open("GET", u, true); h.onreadystatechange = function(){ if(h.readyState == 4 && h.status == 200){
Justo acabo de editar mi mensaje anterior diciendo que ya lo he conseguido xD Pero voy a mirar lo tuyo a ver. Queda un poco sucio como lo tengo puesto, porque se nota que se refresca la página
|
|
|
En línea
|
|
|
|
#!drvy
|
Queda un poco sucio como lo tengo puesto, porque se nota que se refresca la página De hecho mejor. Imagínate que el visitante ve uno de los vídeos que le gusta y lo quiere compartir.. no sabrá cual es la url exacta del vídeo. Ademas, si lo haces con ajax también necesitaras proporcionar el titulo del vídeo y editar el DOM cada vez que cambie de vídeo. Saludos
|
|
|
En línea
|
|
|
|
mascalapiz
Desconectado
Mensajes: 9
|
Hazlo con AJAX: video.onended = function(){ this.pause(); var h = new XMLHttpRequest(); h.open("GET", "/random.php", false); h.send(null); if (h.status === 200) { this.src = h.responseText; } this.play(); };
Necesitas un php que se llame random.php con algo así: echo $url_random_video;
Prueba ahora que antes he mandado el mensaje sin querer xd Esto lo que haría sería pillar la URL de un fichero externo? El caso es que la URL la genero en el mismo index.php, muevo ese código al fichero random.php y que la saque de ahí? Gracias por toda la ayuda, estoy aprendiendo bastante con esto ahora xD
|
|
|
En línea
|
|
|
|
T. Collins
Desconectado
Mensajes: 206
|
Puedes hacerlo también con el index.phph.open("GET", "/index.php?random_url", false);
Y en el index pon algo así por ejemplo: <?php if( isset($_GET['random_url']) ){ echo $random_url; } else { //RESTO DEL INDEX } ?>
De todas formas tiene razón #!drvy, como lo hiciste tú con el location tiene ciertas ventajas.
|
|
« Última modificación: 10 Abril 2015, 16:32 pm por T. Collins »
|
En línea
|
|
|
|
mascalapiz
Desconectado
Mensajes: 9
|
Puedes hacerlo también con el index.phph.open("GET", "/index.php?random_url", false);
Y en el index pon algo así por ejemplo: <?php if( isset($_GET['random_url']) ){ echo $random_url; } else { //RESTO DEL INDEX } ?>
De todas formas tiene razón #!drvy, como lo hiciste tú con el location tiene ciertas ventajas. Sí, lo dejaré como lo tengo de momento pero quiero aprender a hacer esto que comentas con Ajax para el futuro o por si lo utilizo en alguna cosa xD Gracias a todos!
|
|
|
En línea
|
|
|
|
|
Mensajes similares |
|
Asunto |
Iniciado por |
Respuestas |
Vistas |
Último mensaje |
|
|
Etiqueta VIDEO de HTML5 falla en Firefox, ayuda !
Desarrollo Web
|
Diabliyo
|
4
|
3,187
|
17 Junio 2010, 00:10 am
por Diabliyo
|
|
|
Reproducir un video sin que salgan los botones de play,stop, etc...
« 1 2 »
Multimedia
|
iva29234
|
16
|
9,012
|
14 Noviembre 2010, 19:15 pm
por iva29234
|
|
|
Botones, botones y más botones: Facebook puede anunciar los "Leído", ....
Noticias
|
wolfbcn
|
0
|
1,931
|
20 Septiembre 2011, 13:24 pm
por wolfbcn
|
|
|
[Resuelto] Botones Volver y Siguiente php
Desarrollo Web
|
mgarcia.informatico
|
6
|
4,676
|
31 Diciembre 2014, 17:22 pm
por mgarcia.informatico
|
|
|
[Resuelto] Botones espacio de abajo bootstrap
Desarrollo Web
|
bgnumis
|
2
|
5,486
|
19 Agosto 2017, 23:42 pm
por bgnumis
|
|