Consejo: El alojamiento de películas en su servidor puede ser costoso debido a los costos de ancho de banda. Si no quiere preocuparse por alojar archivos de video y quiere llamar la atención de una gran audiencia, hospedar el video en YouTube e incrustar el enlace en su sitio es una gran idea.
Nota: no todas las sugerencias a continuación funcionarán para todos los navegadores. Asegúrese de que la solución que decide utilizar funciona con los navegadores que desea admitir.
Los ejemplos a continuación proporcionan diferentes métodos para hacer que el archivo de video sea visible desde la ventana del navegador. También recomendamos que cree un enlace de descarga directa al archivo, que permita a los visitantes descargar el archivo si la película no se reproduce en el navegador. A continuación se muestran dos ejemplos de enlaces directos para los dos archivos de video en este documento.
Robot de disquete
Código HTML
Robot de disquete
Comercial de IBM Linux
Código HTML
Comercial de IBM Linux
Insertar un video de YouTube
Alojar videos en YouTube es excelente porque ahorra en costos de ancho de banda, puede admitir a muchos espectadores y también puede presentar sus videos a los visitantes de la página más popular de Internet. A continuación se muestra un ejemplo de un video alojado en YouTube e incorporado en este sitio.
Código HTML
El código HTML para todos los videos de YouTube se encuentra a través del enlace para compartir que se encuentra en cada video de YouTube. Una vez que haya hecho clic en el enlace Compartir, haga clic en el enlace Incrustar . A continuación se muestra un ejemplo del código utilizado para mostrar el video de YouTube anterior.
Etiqueta de video
La etiqueta es una etiqueta HTML diseñada para mostrar videos en todos los navegadores modernos. La etiqueta es compatible con los formatos de video MP4, Ogg y WebM y se puede implementar con una sola etiqueta HTML.
Código HTML
Su navegador no soporta los
Etiqueta de inserción básica
A continuación se encuentra el código para el método más básico de incrustar un archivo en una página web.
Código HTML de ejemplo
En este ejemplo, está utilizando el elemento de inserción para apuntar a la fuente del archivo de película que desea reproducir. Tenga en cuenta que este es un ejemplo muy básico y no mostrará ninguna advertencia ni señalará al usuario una ubicación para descargar un complemento si el archivo de video no es compatible.
Añadir archivo de película usando la etiqueta img
Si no desea utilizar la etiqueta, también puede incluir un archivo de película usando la etiqueta, como se muestra en el siguiente ejemplo.
Código HTML de ejemplo
Insertar etiqueta para reproducir películas QuickTime (.MOV)
Los archivos de películas Apple QuickTime son otro tipo popular de películas en Internet. A continuación se muestra un ejemplo básico de cómo incluir estos archivos en su página web.
Nota: QuickTime ya no se admite en Microsoft Windows y todos los nuevos navegadores ya no admiten este método de incrustación de películas de QuickTime.
Código HTML de ejemplo
En el ejemplo de inserción anterior, la primera parte del código apunta al src (fuente) del archivo de película, que es el propio archivo de película. A continuación, la página de complementos es la ubicación del complemento si el visitante no lo tiene instalado. El ancho y la altura son las dimensiones reales del archivo de video. El valor del Controlador se puede establecer en verdadero o falso para alternar la visualización de los controles inferiores.
Sugerencia: es posible que desee aumentar la altura del archivo de video si no puede ver el controlador.
Bucle es una configuración para cuando desea que el archivo comience de nuevo automáticamente cuando termine. Finalmente, la reproducción automática le dice al navegador que inicie o no que comience a reproducir el archivo de video una vez que la página haya terminado de cargarse.
Escriba el atributo de la etiqueta incrustada para especificar el complemento
En la etiqueta de inserción, incluya el atributo type para especificar el tipo MIME para el archivo de video. Al hacerlo, le permite especificar el complemento necesario para reproducir el video en un navegador.
Código HTML de ejemplo
En el ejemplo anterior, el atributo de tipo se establece en video / x-msvideo, que es el tipo MIME para archivos de video AVI.
Para determinar el valor que se asignará al atributo de tipo para otros tipos de archivos de video, consulte la lista de tipos MIME para archivos de video en la página Tipos de medios de la IANA.