Connexion
Note: Il s'agit d'une traduction automatique, s'il vous plaît utilisez un langage clair, sans jargon.

L'intégration Des Films QuickTime

Abraham Chaffin
Tutoriels :
L'intégration Des Films QuickTime
Quicktime un tutoriel


Embedding Quicktime Movies

L'intégration des films QuickTime


Dans ce tutoriel, vous apprendrez les bouts et les sorties des fichiers vidéo quicktime embedding; Mov, Mp4 et autres formats vidéo quicktime. En outre, vous apprendrez comment utiliser les Adobe Dreamweaver CS3 d'intégrer votre vidéo quicktime. Un aperçu de l'utilisation de embed, Objet, Activex et les éléments sont abordés dans ce tutoriel qui ont trait à l'intégration vidéo quicktime.


Abraham ChaffinAbraham Chaffin
CreativeCow.net,
Cambria, California USA

© 2007 CreativeCow.net. Tous droits réservés.


Introduction


La publication de vos films QuickTime sur le Web peut se faire de différentes manières, mais pas tous livrer votre vidéo avec le moins de quantité de problèmes dans tous les fureteurs les plus populaires. Les plus fondamentaux pour permettre aux gens de voir la vidéo est de fournir un lien direct vers le fichier. Ce qui permet à l'utilisateur de télécharger le film soit, L'enregistrer sur leur ordinateur ou de le voir directement dans leur navigateur. Alors que c'est la façon plus fondamentale, il n'est pas le plus efficace de présentation.

Une meilleure façon de montrer votre film est à l'intégrer dans votre page web, Blog, Ou un autre site Web. Dans les prochaines étapes, vous apprendrez à intégrer la vidéo dans un quicktime html page de départ avec la plupart des méthodes de base et plus tard, le déplacement de plus en plus complexes, mais plus efficace et plus élégant méthodes.



L'élément embed


Dreamweaver Embed Le html code ci-dessous est la plupart du code de base nécessaire pour intégrer votre vidéo quicktime:

( Dreamweaver CS3 la fenêtre permet d'insérer du code à la droite)
<embed src="http://www.yourdomain.com/your-video.mov" height="256" width="320"></embed>

Attributs:

Src Définit l'URL d'être chargés par l'objet embed.
Taille Définit la hauteur de l'objet embed. Ce qui devrait être de 16 pixels de plus que la hauteur réelle de votre source vidéo pour tenir compte de la 16 pixels utilisée par le film QuickTime contrôles.
Largeur Définit la largeur de l'objet embed. Cela peut être la largeur de la vidéo.
Note: La hauteur et la largeur peut être réglée beaucoup plus élevé que la taille et le film ne sera pas fausser votre film si elle ajoutera l'espace autour de votre vidéo.

Pour créer ce code en utilisant Dreamweaver aller au menu Insertion tag choisir html tags choisir embed cliquez sur Insérer. Entrez l'url de votre vidéo quicktime, La hauteur, Et la largeur. Inclure d'autres paramètres:

hspace="10" vspace="10" hidden="true" autostart="true" loop="true" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"

Attributs:

Hspace Définit l'espacement horizontal de votre élément
Vspace L'espacement vertical fixe de votre élément
Caché Ensembles de cacher votre vidéo ou pas : Vrai / faux
Autostart Automatique de séries de jouer votre film : Vrai / faux
Boucle Fixe à votre film en boucle continue : Vrai / faux
Type Mettre à la video / quicktime pour les films QuickTime
Pluginspage Où l'utilisateur peut saisir le plug-in pour lire le film par le biais de leur navigateur. Utiliser http://www.apple.com / quicktime / download /

à ajouter de nouveaux paramètres / attributs à inclure dans votre Dreamweaver sélectionnez votre vidéo embarquée paramètres et cliquez sur... De la fenêtre de propriétés.


élément de l'objet


Dreamweaver ObjectPlus fréquemment lors de l'intégration des films QuickTime, il est un objet autour de l'élément embed élément. élément de l'objet est utilisé pour y inclure des objets tels que des images, Audio, Videos, Java Apple ts, Quick time films, Et Flash animations. Y compris cet élément lors de l'intégration de votre film ajoute une aide supplémentaire pour le plug-in nécessaire pour lire le film QuickTime. Cet élément accroît également la compatibilité du navigateur. Un grand nombre de paramètres définis dans cet objet répéter ceux fixés dans l'élément embed. Intégrer les nouvelles html code qui inclut cet élément semble quelque chose comme le code ci-dessous:

( Dreamweaver CS3 la fenêtre permet d'insérer du code à la droite)

<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="256" width="320">

<param name="src" value="http://www.yourdomain/your-video.mov">
<param name="autoplay" value="true">
<param name="type" value="video/quicktime" height="256" width="320">


<embed src="http://www.yourdomain/your-video.mov" height="256" width="320" autoplay="true" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"></embed>

</object>


Attributs:


Classid Utilisé pour spécifier une mise en œuvre de l'objet. Utilisation 02bf25d5-8c17-4b23-bc80-d3488abddc6b pour les films QuickTime
Codebase Utilisé pour spécifier l'emplacement de téléchargement pour les différents plug-in de contrôle. Utiliser http://www.apple.com / qtactivex / qtplugin.Cabine de films QuickTime
Note: Les autres paramètres doivent être répétés répétées comme dans l'exemple ci-dessus.

Pour créer ce code en utilisant Dreamweaver sélectionnez l'élément embarqué, puis aller à l'insert menu tag choisir html tags choisir Objet cliquez sur Insérer.

D'entrée Clsid:02bf25d5-8c17-4b23-bc80-d3488abddc6b Pour la classe id
D'entrée http://www.apple.com / qtactivex / qtplugin.Cabine Pour le code
CodeType et le Type sont Video / quicktime

Les autres paramètres ne sont pas importantes pour ce tutoriel.


Cliquez pour lire la vidéo quicktime


La création de votre film quicktime à jouer que lorsqu'il est cliqué sur le bouton est important pour la meilleure performance et multi plate-forme et de la compatibilité du navigateur. Lorsque les films quicktime télécharger et jouer lorsque l'utilisateur entre dans la page de nombreuses fois les utilisateurs du navigateur se bloque, Gèle, Accidents, Ou bien il entraîne la page de chargement extrêmement lent. Ce problème est plus fréquent dans le navigateur Internet Explorer. Autour d'un bon travail pour résoudre ce problème est de charger un seul cadre placeholder film que l'utilisateur peut cliquer sur le bouton pour jouer sur toute la longueur de film. Cela suppose que vous créez une seule image vidéo quicktime qui leur permettront de savoir dont ils ont besoin de cliquer pour voir toute la longueur de film.

Pour atteindre cet certains ajustements doivent être faits pour intégrer l'élément. Src le paramètre doit être changé à l'URL de l'espace unique film frame, Automatique et doit être mis à Faux. En outre, quelques nouveaux paramètres, il faut ajouter:

controller="false" href="http://www.yourdomain/your-video.mov" target="myself"

Intégrer les nouvelles html code qui inclut cet élément ressemble à quelque chose comme ça:

<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="256" width="320">

<param name="src" value="http://www.yourdomain/clickhere.mov">
<param name="autoplay" value="false">
<param name="target" value="myself">
<param name="controller" value="false">
<param name="href" value="http://www.yourdomain/your-video.mov">

<param name="type" value="video/quicktime" height="256" width="320">

<embed src="http://www.yourdomain/clickhere.mov" height="256" width="320" autoplay="false" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/" controller="false" href="http://www.yourdomain/your-video.mov" target="myself"></embed>

</object>


Attributs:


Contrôleur Définit si le quicktime contrôles sont montrés ou pas : Mis en Vrai / faux
Href L'url de la vidéo quicktime à jouer lorsque l'on clique sur l'élément embed
Cible Destination de l'attribut Href devrait être fixé à moi-même à jouer le film dans le même lieu l'objet



Activex intégrer l'aide Dreamweaver


Internet Explorer bloque embed tags et des objets, sauf si elles sont intégrées utilisant des javascript. Cette prochaine étape sera d'expliquer comment arriver à l'étape finale de l'aide Dreamweaver s' insérer activex embed méthode.

Si vous utilisez Dreamweaver CS3 les parties précédentes de ce tutoriel ont été de fond de la façon dont fonctionne l'intégration et de ne pas réellement savoir comment intégrer votre vidéo quicktime, si vous ne l'avez pas dans chaque Dreamweaver supprimer tout ce que vous avez fait et faites cette étape.

Aller au menu Insertion Médias activex. Contourner l'objet tag accessibilité attributs en cliquant sur OK. Dreamweaver va écrire du code pour intégrer javascript, Tag de l'objet et la balise embed. Sélectionner la nouvelle ax élément dans votre page Web et les paramètres de configuration pour votre film QuickTime dans la fenêtre de propriétés.

Dreamweaver ActiveX Properties

ActiveX ParametersMettre en Clsid:02bf25d5-8c17-4b23-bc80-d3488abddc6b comme Classid.
Cochez la case et entrez intégrer l'url de votre fichier vidéo quicktime Src ou de votre film, cliquez ici si vous décidez d'utiliser une seule image vidéo placeholder. Note: Lors de la navigation de votre fichier, vous mai nécessité de choisir les fichiers à partir des fichiers de Type liste déroulante.
Utiliser http://www.apple.com / qtactivex / qtplugin.Cabine de la base de code.
Entre la hauteur et la largeur de votre film, N'oubliez pas d'ajouter 16 pixels à la hauteur pour accueillir les contrôles de quicktime.

Cliquez sur les paramètres... Bouton pour ouvrir la fenêtre des paramètres pour l'objet ActiveX.

Paramètres pour cet exemple devrait être la suivante:
Contrôleur Faux
Href http://www.Votredomaine / votre vidéo.Mov
Automatique Faux
Cible Moi-même
Bgcolor # ffffff


Une fois que vous enregistrez et de télécharger vos fichiers correctement à Internet, vous devriez avoir un film quicktime fonctionnel intégré qui fonctionne efficacement sur plusieurs navigateurs et des plates-formes multiples.

Pour un exemple d'une page qui utilise cette méthode -- Cliquez ici.

Amusez-vous!
FORUMSTUTORIELSMAGAZINESERVICESVIDEOSACTUALITéSBLOGS


© CreativeCOW.net Tous les droits sont réservés.

Communautés créatives du monde

[Haut]

Englishالعربية中文FrançaisDeutschעבריתहिन्दीItaliano日本語PortuguêsРусскийEspañol