www.leninalbertop.com.

ve
HTML5 Video DivX - Adobe Muse Cc2014
Manual de uso.
Gracias por descargar y usar HTML5 DivX Video en sus proyectos, a través de este sencillo manual le mostrare como
usar el widget de forma correcta.

Opciones disponibles.

1)- Nombre para la Clase Css: Es el nombre que se aplicara al Css del código fuente del Widget HTML5 DivX Video, por
defecto se ha establecido en lp, pero usted puede colocar el nombre que desee, trate de no usar nombres largos, esto
para mantener lo más limpio posible el código final de su diseño.

Nota: si va a usar más de una vez el widget en una misma página de su diseño, es recomendable que, a cada uno le
asigne un nombre de clase diferente, para evitar que entren en conflicto.

2)- Nombre del video.mp4: Usted debe reemplazar la palabra video.mp4 por el nombre que tenga su video, la extensión
.mp4 debe permanecer, ejemplo: supongamos que su video se llama flores, entonces debe colocar flores.mp4

3)- Nombre del video.webm: Usted debe reemplazar la palabra video.webm por el nombre que tenga su video, la
extensión .webm debe permanecer, ejemplo: supongamos que su video se llama flores, entonces debe colocar
flores.webm

4)- Nombre del video.ogv: Usted debe reemplazar la palabra video.ogv por el nombre que tenga su video, la extensión
.ogv debe permanecer, ejemplo: supongamos que su video se llama flores, entonces debe colocar flores.ogv

5)- Nombre del poster: El poster es la imagen que se muestra mientras el video no es reproducido, usted debe
reemplazar el nombre poster.png por el nombre que tenga la imagen que va a utilizar, recuerde colocar la extensión que
esta tenga ejemplo: png, jpg. Aun que usted puede utilizar la imagen que desee en este apartado, lo idóneo es utilizar
una imagen que tenga relación con el video utilizado.

6)- Extras: esta sección ofrece extras básicos de un reproductor Html5.

 Activar controles del reproductor: Activa la barra contenedora con los botones de Play/pause, línea de tiempo,
volumen y pantalla completa
 Silenciar el audio del video: Pone en mute el audio del video
 Auto reproducir el video: Reproduce el video de forma automática
 Auto repetir el video: Reproduce nuevamente el video una vez terminado.
 Desactive para usar FullWidth: esta opción es una especie de Fix para usar el widget al ancho completo de la página
a través de la herramienta transformar de Adobe Muse. Y solo a de desactivarse para tal fin.

Recuerde que tanto los videos y la imagen para el poster, deben ser cargados a Muse desde Archivo/Agregar archivos
para cargar...

A considerar. El navegador web Safari en Windows es una combinación de extraterrestres, por lo que me fue imposible
visualizar el funcionamiento adecuado de los videos, en las pruebas unas veces cargaba el video y en la gran mayoría no
cargaba, recuerde que este navegador esta echo pensado para Mac OXs. El funcionamiento en los demás navegadores
web es del 100%.

Lenin A. Peña Desarrollador Web Front-End

 www.leninalbertop.com.ve

Consejos de uso.

Para redimensionar las proporciones del Widget puede hacerlo desde la herramienta Transformar incluida en Muse,
también podrá hacerlo manualmente tirando de los bordes del Widget, automáticamente su video se adaptara a las
proporciones que le sean asignado al Widget.

Al usar el Widget a FullWidth o ancho completo, este tomara un alto de 580px este tamaño no reduce más de allí, pero si
puede asignarle un tamaño mayor a 580px.

Si va usar el Widget a FullWidth no olvide desmarcar la casilla, Desactive para usar a FullWidth. Nota: Usted puede
usar el Widget a FullWidth sin desmarcar esta casilla igual va a funcionar, lo que realmente hace esta especie de fix es
sacar la abreviatura de pixel (px) asignado a las proporciones del código fuente del CSS cuando se usa a ancho completo
(100%) ya que Muse no sobre escribe el px por 100%, lo que sucederá es que si usa a ancho completo sin desmarcar
esta casilla tendrá en su código lo siguiente width: 100%px; cuando la buena práctica tendría que ser width: 100%;.

Si tiene alguna duda, inquietud, consejo o sugerencias por favor déjeme un comentario en la página del artículo donde
descargo este recurso, le responderé a la brevedad posible.

Este widget se ofrece de forma gratuita con una licencia Creative Commons 4.0 Internacional, usted puede compartir,
transferir, ceder, publicar en medio digitales o impresos citando la fuente y dando los créditos correspondientes al autor
original, queda terminantemente prohibido el uso comercial del mismo.

Nota del autor. Usted puede no obligatoriamente, contribuir con el desarrollo de este tipo de recursos gratuitos haciendo
click en cualquiera de los anuncios publicitarios que están en la página web donde obtuvo este material. El dinero
recaudado por este medio pese a no ser mucho, me es de mucha ayuda para cubrir los gastos de alojamiento web
(Hosting).

Lenin A. Peña Desarrollador Web Front-End