HTML - Insertar víeo MP4 en Web html

Pos: 88

Val: 14

Insertar víeo MP4 en Web html

Publicado por Ander (6 intervenciones) el 09/04/2019 12:41:34

Buenos días.
Agradecería que alguien me solucionara el problema que tengo para insetar un vídeo en mi Web. Partimos de la base que ambos, la página y el vídeo están en el mismo directorio y que el vídeo no es muy pesado, formato MP4.
He hecho varias pruebas en Google Chrome y en Mozilla Firefox sin conexión y conectado a Internet, en ambos caso me sale un recuadro negro y funciona el sonido pero no la imagen.
He probado los siguientes comandos sin resultado, como digo. El nombre del vídeo es: lizaberria_video.mp4

<p align="center">

<video controls width="640" height="360">

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

</video></p>

<p align="center">

<video controls>

<source src="videos/lizaberria_video.mp4"_ width="640" height="360" type="video/mp4"/>

</video></p>

<p align="center">

<embed src="lizaberria_video.mp4" width="640" height="480">

</video>

No sé dónde esta el fallo, pero me está sacando de quicio tanto hacer pruebas a ver si funciona.

Agradezco de antemano la atención.

Saludos

Ander

Valora esta pregunta

Me gusta: Está pregunta es útil y esta clara

No me gusta: Está pregunta no esta clara o no es útil

Responder

Pos: 10

Val: 159

Insertar víeo MP4 en Web html

Publicado por Xavi (57 intervenciones) el 09/04/2019 14:55:11

Hola Ander, recuerda que la web tiene que ser HTML5 para que funcione el tag <video>... eso quiere decir que la primera linea del html tiene que ser:

<!DOCTYPE html>

Añade tambien el video en formato ogg, para que todos los navegadores puedan abrirlo.

Mira este simple ejemplo: https://www.lawebdelprogramador.com/codigo/CSS/4681-Agregar-un-enlace-encima-de-nuestro-video.html

Elimina el <embed> que has puesto!!!

Valora esta respuesta

Me gusta: Está respuesta es útil y esta clara

No me gusta: Está respuesta no esta clara o no es útil

Comentar

Pos: 88

Val: 14

Insertar víeo MP4 en Web html

Publicado por Ander (6 intervenciones) el 09/04/2019 18:01:55

Gracias, Xavi.
Efectivamente el encabezamiento de la Web es <!DOCTYPE html>, concretamente (y no me digas porqué) <!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
No soy programador. Mi Web se inició en el año 2001 con el FrontPage y he ido modificando en el Block de Notas, poco a poco. Mi especialidad son las "piedras" un poco diferente a la programación.
Te adjunto la imagen que me sale con el siguiente código, con el que no funciona:
<p align="center">
<video controls>
<source src="videos/lizaberria_video.mp4"_ width="640" height="360" type="video/mp4"/>
</video></p>
A ver si me das alguna idea para solucionar el problema
El poner formato ogg lo dejo para cuando consiga solucionar primero el mp4.
Gracias y perdona las molestias.

Valora esta respuesta

Comentar

Pos: 10

Val: 159

Insertar víeo MP4 en Web html

Publicado por Xavi (57 intervenciones) el 09/04/2019 22:15:43

Dos cosas...

Primero:
Esto es erróneo:

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">

tiene que ser unicamente:

<!DOCTYPE html>

Segundo:
Pon el vídeo en formato ogg también!!!

Valora esta respuesta

Comentar

Pos: 88

Val: 14

Insertar víeo MP4 en Web html

Publicado por Ander (6 intervenciones) el 10/04/2019 12:29:46

Buenos días, Xavi.
Ya he encabezado la Web:

<!doctype html>

<html>

<head>

y he incorporado el vídeo formato ogg, con lo que he puesto en el código de los vídeos:

<p align="center">

<video controls>

<source src="videos/lizaberria_video.mp4"_ width="640" height="360" type="video/mp4"/>

<source src="videos/lizaberria_video.ogg"_ width="640" height="360" type="video/ogg"/>

</video></p>

He probado en el PC y subido a Internet, no se ven los vídeos.
En Chrome no dice nada, en cambio el Mozilla dice "No se ha encontrado ningún vídeo que tenga un formato y tipo MME compatibles" el Explorer dice "Anulado" y el Edge dice "Origen no válido"

¿Se te ocurre alguna cosa más?

Valora esta respuesta

Comentar

Pos: 10

Val: 159

Insertar víeo MP4 en Web html

Publicado por Xavi (57 intervenciones) el 10/04/2019 15:10:23

Hola Ander, puedes indicar la url donde lo has publicado para ver que puede pasar?

Ese subguion que pones en el source no deberia estar, y la barra al final tampoco!!

Valora esta respuesta

Comentar

Pos: 88

Val: 14

Insertar víeo MP4 en Web html

Publicado por Ander (6 intervenciones) el 11/04/2019 12:41:48

Buenos días Xavi.
La dirección de la Url es: www.romanicoennavarra.info/album_lizaberria01.htm
el 01 indica que no la tengo enlazada en la Web porque es de prueba.
A ver si consigues averiguar qué pasa con ese vídeo.
Gracias

Valora esta respuesta

Comentar

Pos: 27

Val: 45

Insertar víeo MP4 en Web html

Publicado por Kevin (11 intervenciones) el 11/04/2019 15:09:49

¿Estás seguro de que estás poniendo la ruta correctamente?
Yo probé tu código con otro vídeo y me funciona perfectamente.

Valora esta respuesta

Comentar

Pos: 88

Val: 14

Insertar víeo MP4 en Web html

Publicado por Ander (6 intervenciones) el 11/04/2019 16:58:55

Kevin, buenas tardes.
Efectivamente, he comprobado con otros enlaces que tengo puestos en mi Web, y la ruta era errónea.
Lo he corregido, pero sigue sin verse el vídeo.
Si dices que funciona el código, me están entrando dudas de que sea el vídeo el que produce el fallo. Me lo mandaron por WhatsApp y lo descargué en el PC, no obstante en éste, se ve perfectamente sin problemas, por lo que no sé qué pensar ya.
https://www.romanicoennavarra.info/album_lizaberria01.htm
Si no ves nada anómalo en el código fuente, tendré que subirlo a Youtube y enlazarlo (tengo tres vídeos míos en mi Web así que funcionan sin problemas), ésto no me gustaría porque me lo han pasado y no es propiedad mía, aunque el autor me ha dado permiso para ello.

Valora esta respuesta

Comentar

Pos: 10

Val: 159

Insertar víeo MP4 en Web html

Publicado por Xavi (57 intervenciones) el 11/04/2019 18:59:26

Hola Ander, las rutas son erroneas... si miras tu código fuente veras esto:

<source src="videos/http://www.romanicoennavarra.info/lizaberria_video.mp4" width="640" height="360" type="video/mp4">

<source src="videos/http://www.romanicoennavarra.info/lizaberria_video.ogg" width="640" height="360" type="video/ogg">

Como puedes ver, estas rutas son erroneas... tendria que ser:

<source src="http://www.romanicoennavarra.info/lizaberria_video.mp4" width="640" height="360" type="video/mp4">

<source src="http://www.romanicoennavarra.info/lizaberria_video.ogg" width="640" height="360" type="video/ogg">

Pero en esa ruta tampoco esta el vídeo!!!

Donde se encuentra el vídeo??? en que carpeta?

Valora esta respuesta

Comentar

Pos: 88

Val: 14

Insertar víeo MP4 en Web html

Publicado por Ander (6 intervenciones) el 18/04/2019 12:05:57

Perdona Xavi.
No había leído tu último mensaje.
El vídeo está en la misma carpeta que la página, la única que se queda fuera es la de "Images", con carpeta propia.
Ya había hecho el cambio que me propones y tampoco se ve el vídeo y...
Como me había desesperado intentando insertar el vídeo sin éxito, recurría la forma fácil de subirlo a Youtube y enlazarlo allí.
Ahora no tienen ningún problema para verse el vídeo.
Muchas gracias y perdona las molestias.
Saludos

Valora esta respuesta

Comentar

Pos: 17

Val: 79

Insertar víeo MP4 en Web html

Publicado por Nicolas (24 intervenciones) el 21/07/2019 04:21:52

Hola prueba lo siguiente

<embed src="videos/lizaberria_video.mp4"></embed>

Valora esta respuesta

Comentar

formulario - campo de tipo datetime-local

corregir errores de validacion de un formulario