Objeto Vídeo/Sonido

Paso 3 - Creación de la página >

Objeto Vídeo/Sonido

Previous pageReturn to chapter overviewNext page
Mostrar/ocultar el texto oculto

Con WebSite X5 es posible crear sitios capaces también de entretener agradablemente a los usuarios proponiendo, por ejemplo, vídeos y temas musicales.

Hoy en día los vídeos están conociendo un grado de difusión impensable hasta hace poco tiempo. Hacer un vídeo, pasarlo al ordenador, editarlo y luego ponerlo en línea se ha convertido en un proceso al alcance de cualquiera.

Con WebSite X5 es posible importar de manera muy simple cualquier tipo de vídeo, introducirlo en el propio sitio web y, de este modo, compartirlo. WebSite X5 acepta todos los principales formatos y utiliza un reproductor interno para la reproducción de archivos .FLV y .MP4. Permite importar tanto archivos locales como archivos ya publicados en línea, incluidos aquellos de portales como YouTube™ y Vimeo.

Los comandos necesrios para proceder a la creación de un Objeto Vídeo/Sonido están divididos en las siguientes secciones: General, Opciones de HTML5 y SiteMap.

Pulsar para expandir/reducirReferencia: Los comandos de la sección General

Por medio de los comandos de esta sección se puede importar el archivo que se desea utilizar para la creación del Objeto Vídeo/Sonido y definir algunos ajustes relativos a la modalidad de reproducción.

El Objeto Vídeo/Sonido puede ser insertado de diferentes maneras dependiendo de dónde esté el recurso a importar:

Archivo local en PC: si se activa esta opción, basta pulsar el botón para explorar los recursos disponibles localmente en el PC y señalar los archivos en formato .MP4, .WEBM, .OGG, .FLV, .AVI, .WMV, .MPG, .MOV, .MP3, .WMA, .WAV, .MID, .AIF, .M4A que que se quiere importar.
Archivo de Internet: si se activa esta opción, es necesario introducir en el campo correspondiente la dirección URL en la que el archivo del video o del audio están disponibles en internet.
URL de vídeo de YouTube/Vimeo: si se activa esta opción, es preciso escribir en el campo correspondiente la dirección URL de la página de portales como YouTube™ o Vimeo que contiene el Vídeo/Audio que se desea importar.

Intoduciendo de este modo un vídeo publicado en YouTube™, el tamaño original es modificado en base a los ajustes de WebSite X5. Si se quiere tener un mayor control, se aconseja importar del vídeo de YouTube™ mediante el Obejto Código HTML en lugar de hacerlo con el Objeto Vídeo/Sonido.

La vista previa del Objeto Vídeo/Audio importado se puede ver en la ventana incluida, activando la opción Vista previa.

En función del formato del archivo de vídeo/audio importado, se utiliza un reproductor distinto para la reproducción. Para los archivos en formato .MP4, .WEBM y .OGG, si el explorador es compatible con los tags de vídeo de HTML5 y el codec del archivo, se emplea el soporte nativo del explorador a través del WebSite X5 Media Player. En caso contrario, y para todos los demás formatos, vale lo dicho a continuación:

Player

Archivo Vídeo

Archivo Audio

Adobe Flash Player®

.MP4 y .FLV

.MP3

Microsoft® Windows Media Player®

.AVI, .WMV y .MPG

.WAV y .WMA

QuickTime® Player

.MOV

.M4A y .AIF

Para garantizar la máxima compatibilidad, se aconseja emplear los formatos .MP4, .WEBM y .OGG.

Independientemente del Player utilizado para la visualización/reproducción del archivo importado, es posible definir las siguientes Propiedades:

Texto alternativo: es el texto que se muestra como alternativa al vídeo o al audio cuando estos no puede ser reproducidos.
Tamaño: especifica el tamaño en píxeles de la anchura y la altura del vídeo o de la Barra de Controles para el sonido. Para el ancho, entre paréntesis está indicado el valor máximo que el Objeto puede asumir, en función de cómo haya sido configurada la Rejilla de maquetación. Para los sonidos, se recuerda indicándolo entre paréntesis que el valor máximo para el alto de la Barra de Controles es de 35 píxeles. El valor mínimo es de 15 píxeles. Dejando activa la opción Mantener relación, en el ajuste del tamaño se mantiene inalterada la proporción entre el ancho y el alto.
Tipo de reproducción: define cómo se debe ejecutar el inicio de la reproducción de vídeo o audio. Se puede elegir entre los siguientes modos:
Reproducción manual: la reproducción del Vídeo o del Sonido debe ser puesta en marcha por el Visitante.
Reproducción automática: la reproducción del Vídeo o del Sonido comienza nada más se termina de cargar la página.
Reproducción automática solo si visible: la reproducción del Vídeo o del Sonido comienza no solo una vez que se ha acabado de cargar la Página, sino solo cuando el Vídeo o la Barra de Herramientas para el sonido están visibles. Este modo está disponible solo si el Vídeo o el Sonido no han sido añadidos mediante la opción URL de vídeo de YouTube/Vimeo.

Los modos de reproducción automática de Vídeo y Sonido no funcionan en dispositivos móviles: para evitar un excesivo consumo de datos, en estos casos se requiere siempre que sea el Usuario quien inicie la reproducción manualmente.

Habilitar visualización a pantalla completa: pone a disposición en la Barra de Controles el comando para ampliar a pantalla completa la ventana en la que se reproduce el vídeo.

También es posible configurar la visualización de la Barra de controles:

Mostrar barra de controles: permite predisponer la visualización de una botonera con todos los comandos necesarios para gestionar la reproducción del vídeo o del audio.

Solo en el caso en que para la reproducción del archivo importado se utilice el WebSite X5 Media Player, para la configuración de la Barra de controles están disponibles también las siguientes opciones:

Ocultar automáticamente la Barra de controles: hace que la Barra de Controles se muestre solo al pasar el ratón sobre la ventana en la que se reproduce el vídeo/audio.
Color: especifica el color de fondo de la Barra de Controles.

Para los vídeos en formato Microsoft® o QuickTime® no se utiliza el WebSite X5 Media Player y esto no permite garantizar una correcta gestión de la Barra de Controles.

 

Pulsar para expandir/reducirReferencia: Los comandos de la sección Opciones de HTML5

Por medio de los comandos de esta sección (disponible solo si no se utiliza un recurso publicado en YouTube™ o Vimeo) se pueden importar versiones guardadas en formatos diferentes del vídeo/audio insertado, de modo que durante la navegación en el sitio web se tome automáticamente el archivo mejor en función del explorador de internet que usa el visitante.

Todas las versiones añadidas para un vídeo o audio están listadas en una tabla-resumen al efecto que para cada archivo muestra, además de la Ruta del vídeo, indicaciones sobre la Compatibilidad nativa y la Compatibilidad con plug-in en los principales exploradores (Chrome 6+, Firefox® 4+, Internet Explorer® 9+, Safari® 4+, Opera 10.6+). En la práctica, se muestra el logotipo de "encendido" o "apagado" de cada explorador dependiendo de si es compatible o no, en forma nativa o mediante plug-in, con un determinado formato de vídeo/audio.

Para elaborar la Lista de formatos alternativos para la reproducción de vídeo es preciso utilizar los siguientes comandos:

Agregar / Eliminar: añaden nuevos archivos o eliminan los seleccionados de entre los que fueron añadidos. Pulsando sobre el triangulito que hay en el botón Agregar es posible visualizar un submenú con las siguientes opciones: Agregar vídeo... y Agregar vídeo de Internet....
Subir / Bajar: modifican el orden en el que se muestran los archivos ya añadidos a la lista, desplazando hacia arriba o hacia abajo el archivo seleccionado.

El orden en el que se indican los archivos en la tabla-resumen puede influir en la elección de la versión del vídeo/audio para suministrar al explorador que hace el programa. Si por ejemplo un determinado explorador es compatible con dos versiones diferentes de un vídeo/audio, se utilizará el que aparece de primero en la lista.

 

Pulsar para expandir/reducirReferencia: Los comandos de la sección SiteMap

Por medio de los comandos de esta sección se puede especificar alguna información adicional sobre el vídeo, útil para completar el SiteMap del Sitio.

Ante todo es preciso activar la opción Agregar vídeo al SiteMap: con ello, el SiteMap del Sitio que crea automáticamente WebSite X5 (ver Crear un SiteMap automáticamente en Estadísticas, SEO y Código | General) se completa con la información referida al vídeo. Una vez hecho esto, es necesario definir los siguientes ajustes:

Título: (parámetro obligatorio) especifica el título que se quiere asociar al vídeo. El límite impuesto por Google™ para la longitud de los títulos es de 100 caracteres.
Descripción breve: (parámetro obligatorio) especifica un breve texto descriptivo para el vídeo. El límite impuesto por Google™ para la longitud de las descripciones es de 2048 caracteres. Las descripciones que excedan este límite se cortarán.
Categoría: (parámetro opcional) especifica una categoría a la que el vídeo, por su contenido, puede pertenecer. Google™ establece que cada vídeo puede pertenecer a una única categoría e impone el límite para la longitud del nombre de la categoría a 256 caracteres.
Palabras clave para la búsqueda: (parámetro opcional) permite especificar una lista de etiquetas (tags), esto es, breves descripciones de conceptos clave asociados al vídeo. Google™ establece que cada vídeo puede tener hasta un máximo de 32 tags.
Vista previa de imagen para el vídeo: (parámetro obligatorio) especifica una imagen de vista previa para asociar al vídeo. Google™ aconseja utilizar para estas miniaturas un tamaño mínimo de 120x90 píxeles y guardarlas en formato .JPG, .PNG o .GIF.
Fecha de publicación: (parámetro opcional) especifica la fecha de publicación del vídeo.
Duración (segs.): (parámetro opcional) especifica la duración en segundos del vídeo. Google™ recomienda encarecidamente añadir esta información y especifica que el valor indicado debe estar comprendido entre 0 y 28800 (equivalente a 8 horas).
Contenido apto para todos los públicos: (parámetro opcional) especifica si el contenido del vídeo es adecuado para un público menor de edad. Google™ advierte que si un vídeo no es configurado como adecuado para menores de edad, estará disponible solo para usuarios con el filtro Google SafeSearch™ desactivado. Recordamos que la función SafeSearch de Google™ filtra los sitios con contenidos sexuales o pornográficos explícitos y los elimina de los resultados de búsqueda.

 

 


Best practice:

-

Cómo crear y conectar el Mapa del Sitio