oujood.com

Comment insérer des vidéos Quick Time dans une page web

L'élément <object> peut visualiser des vidéos QuickTime
En plus d'un simple lien vers un film QuickTime, vous pouvez placer le lecteur directement dans la page Web comme une image. Le plug-in QuickTime est nécessaire pour lire les fichiers .mov en ligne, mais il est fourni avec Internet Explorer, Netscape et Safari et est pris en charge par Firefox, Opera et la plupart des autres navigateurs, ce qui constitue une méthode relativement sûre et multiplateforme pour placer une vidéo directement dans une page.

chercher |

Le Format QuickTime


Afin de placer un film QuickTime dans une page Web pour qu'il soit pris en charge par tous les navigateurs (y compris IE), il est nécessaire d'utiliser l'élément object et embed. Sachez que l'élément embed est un élément non standard et que votre document ne sera pas validé.
Malheureusement, à l'heure actuelle, pour tirer parti de toutes les fonctionnalités du lecteur QuickTime, l'élément embed est la seule option possible, étant donné qu'il n'existe aucune méthode permettant de transmettre des paramètres au lecteur en utilisant uniquement l'élément object.

L'élément <object> peut visualiser des vidéos QuickTime.
Le format QuickTime est développé par Apple.
 Les vidéos stockées au format QuickTime ont l'extension .mov.
QuickTime est un format commun sur Internet, mais les vidéos QuickTime ne peuvent être visualisés sur un ordinateur Windows sans un plugin (un supplément (gratuit) à installé).
Avec l'élément <object>, le code qui sert à visualiser un film QuickTime peut facilement être ajouté à une page web.
 L'objet peut être définie pour installer automatiquement un QuickTime player s'il n'est pas déjà installé sur l'ordinateur des utilisateurs.


La Solution

Voici le code nécessaire pour visualiser un vidéo au format  QuickTime :

Exemple :       Copier le code

  <object width="160" height="144"
  classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
  codebase="http://www.apple.com/qtactivex/qtplugin.cab">
  <param name="src"
  value="MaVideo.mov">
  <param name="autoplay" value="true">
  <param name="controller" value="false">
  <embed src="MaVideo.mov" width="160"
  height="144"  autoplay="true" controller="false"
  pluginspage="http://www.apple.com/quicktime/download/">
  </embed>
  
  </object>

L’élément object :

Les attributs width et height de l'élément object doivent correspondre à la taille du vidéo en pixels.
L'attribut classid identifie de manière unique le logiciel de lecteur à utiliser. Il doit être défini sur :
 "clsid:02BF25D5-8 C 17-4B23-BC80-D3488ABDDC6B". Ce code unique identifie un contrôle ActiveX qui doit être installé par les utilisateurs de PC avant que le film ne puisse être joué. Si l'utilisateur n'a pas le contrôle ActiveX installé sur sa machine, le navigateur peut automatiquement télécharger et l'installer.
L'attribut codebase spécifie le chemin de base utilisé pour trouver les URI relatifs, les données et les attributs de l'archive spécifié par le classid. à l'absence du lecteur, sa valeur par défaut est l'URI de base du document actif.
 Note : Internet Explorer utilise cet attribut pour spécifier un lieu où le lecteur peut être téléchargé. Il doit être défini à « http://www.apple.com/qtactivex/qtplugin.cab ». Cet emplacement contiendra toujours la dernière version de QuickTime player.
Le paramètre src doit pointer sur le fichier vidéo.
Le paramètre autoplay doit avoir la valeur "true" si vous voulez que le film se lance automatiquement.
Le paramètre  contrller doit avoir la valeur "false" si vous ne voulez pas afficher les boutons de contrôle.


L' élément embed

L'élément embed est pris en charge par les vieux navigateurs, comme Netscape 4 et 5.
Les attributs width et height de l'élément embed doivent correspondre à la taille du film en pixels.
Les attributs autoplay et contrller de l'élément embed doivent être définies sur les mêmes valeurs que pour les paramètres de l'élément object.
L'attribut pluginspage définit le chemin de téléchargement du lecteur. Il doit être défini sur "http://www.apple.com/quicktime/download/".




Cours precedent:
  Objet Introduction
    Sommaire de :
tutoriel multimédia
 Cours suivant:
Objet RealMedia    
Par carabde 12 mai 2014

Voir aussi nos tutoriel :

Balise u

Définit le texte qui doit être stylistiquement différent de texte normal

border-left-color

Définit la couleur de la bordure gauche

fonction htmlentities, htmlentities

Convertit tous les caractères éligibles en entités HTML