En este tutorial usted aprenderá y salidas de los fines de integración de archivos de película QuickTime, Mov, Mp4 y otros formatos de video quicktime. Además, usted aprenderá a utilizar Adobe Dreamweaver CS3 incrustar su película QuickTime. Una visión general de cómo utilizar incrustar, Objeto, Activex y elementos descritos en este tutorial lo que se refiere a la incorporación de video quicktime.
Abraham chaffin CreativeCow.net, Cambria, California EE.UU.
La publicación de sus películas de QuickTime en la web se puede realizar de diferentes maneras, pero no todos ofrecen el vídeo con la menor cantidad de cantidad de problemas en todos los navegadores más populares. La más básica manera de permitir a la gente a ver el video es proporcionar un enlace directo al archivo. Esto permite que el usuario o bien descargar la película, Guardarlo en su computadora o verlo directamente en su navegador. Mientras que esta es la forma más básica, no es el medio más eficaz de presentación.
Una mejor manera de mostrar la película es para incrustar en tu página web, Blog, U otro sitio web.
En los próximos pasos que usted aprenderá acerca de la incorporación de películas QuickTime en una html página de inicio con los más elementales métodos de Movimiento y más tarde a la más compleja, pero más eficaces y elegantes métodos.
Incrustar el elemento
El html código de más abajo es la más básica de código necesario para incrustar su película QuickTime:
( Dreamweaver CS3 ventana utilizado para insertar el código de la derecha) <embed src="http://www.yourdomain.com/your-video.mov" height="256" width="320"></embed>
Atributos:
Src
Establece la URL que corresponde a la incrustar objetos.
Altura
Establece la altura de la incrustar objetos. Esto debería ser más de 16 píxeles la altura real de su fuente de vídeo para dar cuenta de los 16 píxeles utilizados por la película QuickTime controles.
Anchura
Establece el ancho de la incrustar objetos. Este puede ser el ancho real del vídeo.
Nota: La altura y la anchura se puede ajustar mucho más elevado que el tamaño real de la película y no va a distorsionar la película a pesar de que se agregue el espacio alrededor de su código fuente.
Para crear este código usando Dreamweaver ir al menú Insertar Etiqueta elija html etiquetas elija embed haga clic en Insertar. Introducir la URL de su película QuickTime, La altura, Y la anchura. Incluir parámetros adicionales:
Establece para ocultar su código fuente o no : Verdadero / falso
Automático
Fija para auto jugar la película : Verdadero / falso
Bucle
Conjuntos de bucle continuamente la película : Verdadero / falso
Tipo
A este conjunto de video / quicktime quicktime para películas
Pluginspage
Donde el usuario puede capturar el plug-in para reproducir la película a través de su navegador. Usar http://www.apple.com / quicktime / download /
Parámetros adicionales para insertar / incrustar atributos a su elemento Dreamweaver seleccionar el vídeo incrustado parámetros y haga clic en... Desde el panel de propiedades.
El objeto elemento
Más cuando la incrustación quicktime películas hay un elemento en torno al objeto integrar los elementos. El objeto elemento se utiliza para incluir objetos como imágenes, Audio, Vídeos, Java Apple ts, Rápido tiempo de películas, Y Flash animaciones. Incluida la incorporación de este elemento cuando la película añade apoyo adicional para los plug-in necesario para reproducir la película QuickTime. Este elemento también aumenta la compatibilidad del navegador. Muchos de los parámetros establecidos en este objeto repetir los establecidos en el elemento incrustar. Integrar los nuevos html código que se incluye este elemento se ve algo así como el código de más abajo:
( Dreamweaver CS3 ventana utilizado para insertar el código de la derecha)
Utiliza para especificar una aplicación para el objeto. Uso 02bf25d5-8c17-4b23-bc80-d3488abddc6b de películas de QuickTime
Código
Utiliza para especificar la ubicación de descarga para los diferentes plug-in de los controles. Usar http://www.apple.com / qtactivex / qtplugin.Cabina de películas de QuickTime
Nota: Los parámetros adicionales repetidas debe repetirse como en el ejemplo anterior.
Para crear este código usando Dreamweaver seleccionar el elemento incrustado y luego vaya a el menú Insertar Etiqueta elija html etiquetas elija Objeto haga clic en Insertar.
De entrada Clsid:02bf25d5-8c17-4b23-bc80-d3488abddc6b Para la clase de identificación
De entrada http://www.apple.com / qtactivex / qtplugin.Cabina Para el código
CodeTipo y el tipo de las Video / quicktime
Los otros parámetros no son importantes para este tutorial.
Haga clic aquí para reproducir vídeo quicktime
La creación de su película QuickTime a jugar sólo cuando se hace clic en él es importante para el mejor rendimiento y plataforma cruzada y la compatibilidad del navegador. Cuando se descarga películas de QuickTime y el juego cuando un usuario entra en la página muchas veces los usuarios del navegador se bloquea, Se congela, Accidentes, O que causa a la página de carga muy lenta. Este problema es más común en el navegador Internet Explorer. Un buen trabajo en torno a solucionar este problema es la carga de posición de un solo cuadro en Movimiento que el usuario pueda hacer clic para reproducir la película de larga duración. Para ello es necesario que cree un marco único de película QuickTime que hacerles saber que necesitan para que haga clic para ver la longitud de la película.
Para lograr este algunos ajustes deben hacerse a la incrustar elemento. Src parámetro debe ser cambiado a la url de la película de posición solo cuadro, Automática y deberá ponerse en falso. Además, unos nuevos parámetros se añaden:
Establece si el quicktime se muestran los controles o no : Conjunto verdadero / falso
Href
La url del video de QuickTime que se reproducirá cuando el elemento se hace clic en Insertar
Meta
De destino el atributo Href debería fijarse en mí mismo para jugar la película en el mismo lugar objeto
Utilizando ActiveX incrustar Dreamweaver
Internet Explorer bloquea incrustar objetos y etiquetas a menos que estén incorporados especiales javascript. Este siguiente paso se explica cómo llegar a la etapa final utilizando Dreamweaver 's insertar activex incrustar método.
Si está utilizando Dreamweaver CS3 las anteriores partes de este tutorial fueron antecedentes de cómo la incorporación de obras y no se cómo incrustar su película QuickTime por lo que si no en cada paso Dreamweaver eliminar todo lo que hizo y sólo hacer este paso.
Ir al menú Insertar medios de comunicación activex. Omitir el objeto etiqueta haciendo clic en la accesibilidad atributos bien. Dreamweaver a escribir código para incrustar javascript, El objeto de la etiqueta y etiqueta EMBED. Seleccionar el nuevo elemento en el hacha de su página web y la configuración de los parámetros para su película QuickTime en el panel de propiedades.
Poner en Clsid:02bf25d5-8c17-4b23-bc80-d3488abddc6b como Classid.
Integrar la casilla de verificación e introduzca la URL de su archivo de película QuickTime Src o su película, haga clic aquí si usted decide utilizar un solo cuadro de posición de la película. Nota: Al navegar por el archivo es posible que tenga que elegir todos los archivos de los archivos de tipo desplegable.
Usar http://www.apple.com / qtactivex / qtplugin.Cabina para la base / código.
Entrar en la altura y la anchura de la película, Recuerde añadir 16 píxeles a la altura para dar Cabinaida a los controles de QuickTime.
Haga clic en los parámetros... Botón para abrir la ventana de parámetros para el objeto ActiveX.
Para este ejemplo los parámetros deben ser los siguientes:
Controlador
Falso
Href
http://www.Tudominio / tu-video.Mov
Autoplay
Falso
Meta
Yo mismo
Bgcolor
# ffffff
Una vez que guardar y cargar sus archivos correctamente a Internet debe tener una película QuickTime incrustado funcional que funciona eficazmente en múltiples navegadores y plataformas múltiples.
Para un ejemplo de una página que utiliza este método -- Haga clic aquí.