HTML - Novato - Pagina web con un video

 
Vista:
sin imagen de perfil
Val: 20
Ha disminuido su posición en 4 puestos en HTML (en relación al último mes)
Gráfica de HTML

Novato - Pagina web con un video

Publicado por Jose (5 intervenciones) el 10/12/2019 11:11:57
Hola
Necesito ayuda para hacer una pagina web con un video que se autoreproduzca cuando se entre en la pagina web, se repita y que tenga controles para darle al play o pausarla.
El video debe ocupar toda la página y ser Responsive es decir, que se adapte a movil, y diferentes tipos de pantalla. El fondo de la pagina estar en color negro.
Tambien tendria que tener un menu con dos links a poder ser con un boton.
Gracias.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de joel
Val: 621
Oro
Ha aumentado 1 puesto en HTML (en relación al último mes)
Gráfica de HTML

Novato - Pagina web con un video

Publicado por joel (164 intervenciones) el 10/12/2019 15:48:10
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil
Val: 20
Ha disminuido su posición en 4 puestos en HTML (en relación al último mes)
Gráfica de HTML

Novato - Pagina web con un video

Publicado por Jose (5 intervenciones) el 10/12/2019 17:30:01
Hola, gracias por la respuesta, los enlaces que has puesto no son lo que queria hacer.
Solo quiero hacerlo como lo explique, sin poner un enlace encimani ponerlo como fondo con letras por encima.
Necesito ayuda para hacerlo con las especificaciones que puse:
un video que se autoreproduzca cuando se entre en la pagina web, se repita y que tenga controles para darle al play o pausarla.
El video debe ocupar toda la página y ser Responsive es decir, que se adapte a movil, y diferentes tipos de pantalla. El fondo de la pagina estar en color negro.
Gracias de antemano
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de joel
Val: 621
Oro
Ha aumentado 1 puesto en HTML (en relación al último mes)
Gráfica de HTML

Novato - Pagina web con un video

Publicado por joel (164 intervenciones) el 10/12/2019 19:38:02
Pero Jose, es un tanto sencillo si miras los códigos que he te indicado...

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
<html>
 
<style>
video {
    position:fixed;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
</style>
 
<body>
 
    <video id="mivideo" controls autoplay loop>
        <source src="mov_bbb.ogg" type="video/ogg"></source>
        Tu navegador no soporta el elemento "video"
    </video>
 
</body>
</html>

Ten en cuenta, que no todos los navegadores aceptan el autoplay!!!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil
Val: 20
Ha disminuido su posición en 4 puestos en HTML (en relación al último mes)
Gráfica de HTML

Novato - Pagina web con un video

Publicado por Jose (5 intervenciones) el 11/12/2019 00:53:48
Pues he puesto todo igual, cambiando la linea 20 en la que pongo el nombre de mi video y el formato y no funciona:

<source src="toma003.mp4" type="video/mp4"></source>

**Mi video se llama "toma003" y esta en formato .mp4

Si lo guardo y lo ejecuto pone "No se ha encontrado ningun video que tenga un pormato y tipo MIME compatibles"
Si lo paso a formato OGG solo se oye el audio, no se ve el video, ademas hay que darle a play, no se autoejecuta
No se donde cometo el error....

Gracias por la ayuda, espero sus respuestas
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil
Val: 20
Ha disminuido su posición en 4 puestos en HTML (en relación al último mes)
Gráfica de HTML

Novato - Pagina web con un video

Publicado por Jose (5 intervenciones) el 12/12/2019 01:23:15
Hola, hice funcionar la pagina con el video, muchas gracias.
El unico problema que tengo es que no sale ajustado a la pagina...
Existe algun comando para hacerlo Responsive???

Gracias
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de joel
Val: 621
Oro
Ha aumentado 1 puesto en HTML (en relación al último mes)
Gráfica de HTML

Novato - Pagina web con un video

Publicado por joel (164 intervenciones) el 12/12/2019 08:34:12
Hola Jose, nos puede mostrar como lo hiciste al final para que se te autoejecutara?

En principio, el código que te puse se adapta a la pantalla... ya que va por %
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil
Val: 20
Ha disminuido su posición en 4 puestos en HTML (en relación al último mes)
Gráfica de HTML

Novato - Pagina web con un video

Publicado por Jose (5 intervenciones) el 12/12/2019 10:08:57
Hola, respecto al tamaño lo he probado y no se ajusta, el video se ve como ampliado, como si tuviera un zoom.
Y para que se autoejecutara utilice el codigo que pusiste arriba:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html>
 
<style>
video {
    position:fixed;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
 
</style>
 
<body>
 
    <video id="video" controls autoplay loop>
        <source src="final1.mp4" type="video/mp4"></source>
        Tu navegador no soporta el elemento "video"
    </video>
 
</body>
 
</html>
</html>


PD:Se podria hacer en PHP??
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de ScriptShow
Val: 170
Bronce
Ha aumentado 1 puesto en HTML (en relación al último mes)
Gráfica de HTML

Novato - Pagina web con un video

Publicado por ScriptShow (378 intervenciones) el 12/12/2019 10:34:40
Saludos Jose,

hay muchas y muy variadas formas de enfocar el tema... Por simplificar en lo posible, veamos ejemplos relacionados:

http://dev2.slicejack.com/fullscreen-video-demo-2/index.html

https://www.w3schools.com/howto/howto_css_fullscreen_video.asp

Etc...

P.D.: Ya te han ofrecido soluciones que funcionan y son fáciles de adaptar.

Espero sea útil.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
Imágen de perfil de joel
Val: 621
Oro
Ha aumentado 1 puesto en HTML (en relación al último mes)
Gráfica de HTML

Novato - Pagina web con un video

Publicado por joel (164 intervenciones) el 12/12/2019 16:08:19
Muy bueno el primer ejemplo!!!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar