Avant d'ajouter toute une vidéo à votre page Web, il est important de comprendre que les vidéos peuvent prendre beaucoup d'espace web (taille du fichier) et de la bande passante. Chaque fois que quelqu'un clique pour voir la vidéo, ils vont prendre un peu de votre bande passante.

Vérifiez auprès de votre hébergeur si vous ne savez pas le volume de la bande passante qui vous est allouée. Si vous payez une redevance mensuelle pour l'hébergement de sites Web, vous pourriez dépasser vos limites et 'être facturé un supplément si trop de personnes visualisent votre fichier vidéo.

Transfert de la vidéo

Vous devez d'abord charger / sauvegarder votre vidéo sur votre serveur Web. Vous pouvez créer un dossier appelé "video" et l'enregistrer là-bas. Alors le chemin de votre vidéo sera quelque chose comme http://votresite.com/video/film.avi

Embedding la vidéo

Une chose que vous devez garder à l'esprit est que chaque navigateur Web traite différemment les fichiers vidéos. Celles qui peuvent fonctionner dans un navigateur, peuvent ne pas fonctionner dans un autre. Donc, vous devriez utiliser les anciennes et les nouvelles balises HTML embed. (<object> et <embed>).   Voir l'exemple de code ci-dessous:

<object width="420" height="360"  classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"  codebase="http://www.apple.com/qtactivex/qtplugin.cab"> <param name="src" value="movie.mpeg"> <param name="controller" value="true"> <param name="autoplay" value="false"> <!-- Code For Older Browsers --> <embed src="movie.mpeg" width="420" height="360"  autoplay="true"  controller="true"  pluginspage="http://www.apple.com/quicktime/download/"> </embed> </object>

• Assurez-vous que la largeur et la hauteur des attributs correspondent à la taille de votre vidéo. Les variables ci-dessus ne sont que quelques exemples. Vous pouvez ajouter quelques pixels pour permettre d'afficher le panneau de contrôle.
• Le film.avi est le chemin de votre fichier vidéo. Vous devrez peut-être modifier le chemin si votre film est stocké dans un dossier différent. Si vous n'êtes pas certain, utilisez le chemin complet http://votresite.com/video/ film.avi, par exemple.
• Le contrôleur attribut affiche la vidéo.
• L'attribut de lecture automatique indique au navigateur de lire (ou de ne pas lire), la vidéo quand la page se charge. True signifie qu'elle jouera automatiquement, false signifie que l'utilisateur devra cliquer sur le bouton Lecture.
• La balise pluginspace demande à l'utilisateur de télécharger quicktime s'il ne l'a pas déjà fait.

Vous aurez à modifier le code HTML ci-dessus légèrement pour l'adapter à la configuration de votre site Web.

Remplacez musicfile.wav par le nom du fichier que vous avez choisi pour télécharger à votre serveur Web. Le code ci-dessus suppose également que vous avez enregistré le fichier dans le même emplacement de votre page (index.html). Si vous enregistrez le fichier à l'intérieur d'un dossier sur la racine de votre site, vous devez modifier le chemin légèrement.

Disons que vous voulez charger les chansons sur votre page d'accueil (page s'appelle index.html): Vous enregistrez le fichier musical dans un dossier appelé «musique» situé à l'extérieur de votre répertoire principal. Ensuite, vous insérez le code dans votre page index.html et qui ressemblera à quelque chose comme ça:

<embed src="/musique/nom_de_la_chanson.wav" autostart="true" loop="false">

Cela ordonne au navigateur de rechercher la chanson ...
http://www.votresite.com/musique/nom_de_la_chanson.wav

Si vous n'êtes pas à l'aise avec l'aide des chemins relatifs dans votre code, vous pouvez alors utiliser le chemin absolu de votre fichier musical. Par exemple, votre code peut ressembler à quelque chose comme

<embed src="http://www.votresite.com/musique/nom_de_la_chanson.wav" autostart="true" loop="false" hidden="true">

Notez que l'adresse URL complète du fichier de musique est inscrite dans le code au lieu de commencer par / musique /....

Attributs des fichiers musique

Après le chemin de votre fichier de musique, vous allez voir un nombre d'attributs:

L'autostart de la chanson indique à l'attribut de fichier comment commencer. Si vous l'avez sur "true", la chanson du fichier commencera à jouer automatiquement lorsque la page se charge. Si vous mettez à "false", le fichier audio ne démarre pas automatiquement et le visiteur devra commencer la chanson en utilisant le lecteur multimédia embarqué.

La boucle (loop) indique à l'attribut chanson combien de fois la lire. Si vous avez cet ensemble à "true", alors il va jouer encore et encore automatiquement. Si vous avez cette valeur à "false", elle jouera une fois et s'arrêtera.

L'attribut hiddenindique au navigateur si oui ou non de masquer le lecteur de médias. Ce n'est pas une bonne idée de laisser cette valeur à "true", sauf si vous savez pour sûr que vos visiteurs ne veulent pas arrêter la musique.

You don't want your music to annoy them to the point they leave because they can't figure out how to turn the music off. Vous ne voulez pas certainement déranger vos visiteurs avec une musique que vous ne savez pas qu'ils apprécieront ou pas sans leur donner le moyen de l'arrêter.

Réglage de la taille du Media Player

Vous pouvez personnaliser le look du lecteur Media embarqué par défaut sur l'ordinateur du visiteur par l'ajout d'un attribut de largeur et de hauteur dans le code. Soyez prudent lorsque vous réglez la taille du lecteur, car vous pouvez la déformer.

<embed src="/musique/nom_de_la_chanson.wav" autostart="true" loop="false" width="350" height="200">

Width: largeur

Height: hauteur

Une fois que vous aurez transféré vos fichiers musicaux et que le codage soit inséré dans votre page web, votre musique de fond devrait jouer lorsque votre navigateur se charge.

 

Ajouter un salon de chat pour votre site