Insertar videos

Insertar videos: A la hora de crear una página  web  de futuro como diseñadores web tenemos que tener en cuenta que cada vez más los ordenadores son mas potentes y la velocidad de la red también lo es, eso nos da pie a poder realizar animaciones web con videos , que sean animados con código java script y crear autenticas locuras de programación fácilmente

Desde nuestra página web online de animaciones web  podemos hacer animaciones  con videos e incrustar el código en vuestras páginas web totalmente gratis , con solo copiar y pegar

En este blog voy a intentar explicar el código necesario para colocar una animación de un videos en nuestra página web de código abierto   y  crear una animaciones de videos  en una página web de WordPress ( que nos soy ningún experto en el tema pero lo intentaremos)

Quiero avisar que este blog puede ser un poco pesado y recomendaría empezar el estudio de gráficos svg con nuestro blog más simple

Aquí vamos a dividir en varias secciones para ir poco a poco de como seria hacer una Animaciónes con varios videos desde cero

insertar videos youtube en wordpress

Insertar videos Youtube en nuestro blog o en cualquier pagina o entrada de WordPress es muy sencillo , solo debes copiar y pegar la url del video  directamente en la posición donde deseemos que se coloque el video , y WordPress se encarga de colocar tu video y el código necesario para ser visualizado correctamente , asi de sencillo ,

video de nuestro canal de ejemplos de animaciones web en solo 2 minutos

Ahora veremos como subir un video a una pagina web veremos cómo insertar un video con código en cualquier pagina web, es fundamental ir viendo como es el código fuerte de inserción de video pues luego se irá complicando a la hora de realizar animaciones web con videos dentro de cualquier pagina web incluido WordPress

Insertar un video en una pagina web

Voy a intentar explicar muy sencillamente como colocar un film en una página web y crear una animación video con el.

Al intentar hacer animaciones web con videos en mi pagina web https://animacionesweb.online me ha dado verdaderos quebraderos de cabeza al encontrarme con las diferentes interpretaciones que hacen los exploradores sobre la colocación de videos en una página web con un mismo código

Como ejemplo voy a insertar un video con html5 , en este caso voy a colocar un formato .mp4, hay muchas páginas verdaderamente trabajadas con temario de los formatos de vídeos y de los códec de video , pero este, no pretende ser el objetivo , nos vamos a centrar solo en las animaciones de un video dentro de la pagina web

Primero colocar un video en una página web con este codigo

<video width="300" height="300" controls loop >		
<source src="https://animacionesweb.online/videos/Spaceship-33411g.mp4" type="video/mp4"/>
</video>

Tenemos las medidas de la etiqueta video que nos indica que trozo de tu video debe representarse, El video se escalara proporcionalmente hasta esa medidas, si no colocas medias seguramente el video aparecerá cortado.

En algunos exploradores para que el video comience automáticamente hay que poner la etiqueta de sin sonido muted=»muted» preload=»auto»

Dependiendo del explorador si clic con el botón derecho nos dará varias opciones sobre el video

En principio el código es bastante comprensible si bien adaptar el video a un determinado tamaño o quitar las franjas negras que aparecen en el video puede causar problemas

Lo más sencillo es tratar el video con un programa de edición de videos para quitarle peso al video y adaptarlo a las medidas reales del espacio de la pagina web sin los desagradables márgenes, si no, nos tocara modificar el tamaño del video con css ampliando las coordenadas del tamaño de video htm5.

un saludo y gracias por vuestros comentarios al realizar vuestros Animacion video

Deja un comentario