Cómo añadir vídeo a tu HTML5 y CSS3 páginas web basadas

La capacidad de reproducir vídeos a través de HTML es un gran avance, y no es difícil de implementar. Puede utilizar una etiqueta para añadir vídeo a su página web, y el vídeo se reproduce directamente en el navegador sin necesidad de un plug-in como Flash.

Por supuesto, no es perfecto. Hay una serie de competidores estándares de vídeo, y los navegadores no pueden ponerse de acuerdo sobre qué estándar de aceptar. Las normas más importantes se llaman H.264 y Ogg.

Algunos navegadores prefieren uno algunos prefieren la otra. Para hacer las cosas más complicadas, la extensión de archivo de un vídeo no siempre indican el mecanismo de codificación subyacente. Esto significa codificación de vídeo requiere un poco de experimentación. Si su archivo de vídeo no está en el formato que desea, usted puede necesitar para convertirlo. FFmpeg y VLC son herramientas gratuitas pendientes que puede utilizar para convertir el vídeo a cualquier formato que usted necesita.

Al igual que con cualquier propiedad intelectual, asegúrese de tener el permiso del propietario original del archivo. Sólo porque usted poder incrustar un vídeo en su página web no le significa debería hacerlo.

imagen0.jpg

El código de esta página muestra hasta qué punto el etiqueta es como :

videoDemo

Vídeo de demostración

Este vídeo es un trailer de la película corta increíble "Big Buck Bunny". Este experimento demuestra que talentedvolunteers pueden producir una videousing profesional de alta calidad única de código abierto para tools.Go http://bigbuckbunny.org para ver todo el video.

Los archivos de video son muy grandes, y que puede hacer que su página web se parecen mucho más lento para los usuarios. También son engorrosos para mover a un servidor web. Por esta razón, muchos desarrolladores web prefieren subir vídeos a un servicio como YouTube y simplemente Enlace al video en otro servidor.

Si bien; clic en un vídeo de YouTube, puede seleccionar Copiar Código incrustado en el menú que aparece. Esto le da código que puede utilizar en su propio sitio.




» » » » Cómo añadir vídeo a tu HTML5 y CSS3 páginas web basadas