En la parte anterior de este tutorial, utilizamos una mezcla de HTML5, jQuery y CSS para crear la funcionalidad de barebones de nuestro vídeo a pantalla completa controlado por HTML5. Esta vez, démosle un estilo, preparemos las respuestas y entendamos cómo se puede usar como parte de sus propios diseños de trabajo. En la guía de hoy, ampliaremos nuestro video a pantalla completa de varias maneras, incluyendo a través de:
- Cree nuestras propias sobreimpresiones de patrones para sentarse encima de nuestro vídeo; como las líneas de escaneo de TV al estilo antiguo, creando su propio vídeo de diseño;
- Convierta nuestro vídeo en varios formatos para ofrecer compatibilidad universal entre navegadores para su fondo de vídeo.
Junto con todo esto, también te mostraré un ejemplo de cómo el video puede ser usado creativamente, superponiendo otros elementos para mostrarte cómo esta poderosa técnica puede inspirar tus propios diseños; ¡o incluso proporcionar un nuevo y excitante fondo para el diseño en el que estás trabajando!
src=///////www.youtube.com/embed/d83vRq0-pr8″
¿Utilizó el vídeo a pantalla completa como fondo de uno de sus proyectos? ¿Tiene usted un método de implementación preferido? Háganoslo saber en los comentarios.