Avants propos : Ce tutoriel s'adresse à celles et ceux qui souhaitent publier leur vidéo sur leur site Jimdo.

Pour cela, nous allons examiner les 3 cas les plus courants, du plus facile à un peut plus compliqué en abordant les avantages et inconvénients.

1) - Mise en place d'une vidéo sur un site communautaire de partage, en l'occurence: Youtube.

2) - Mise en place d'une vidéo hébergée sur un site extérieur et téléchargée sur la page de Jimdo à l'aide d'un lien à disposition du lecteur.

3) - Mise en place d'une vidéo avec son lecteur intégré sur la page de Jimdo.

Difficultés: Facile

Youtube est la solution la plus simple qui soit.

Les + et les moins :

+ : communauté la plus populaire au monde.

+ : videos en haute définition HD.

+ : Nombreux formats acceptés : WMV;AVI;MOV;MPEG;DivX..... .

- : seulement 2GO accepté, 10mn maxi.

Procédure: Aller sur la page d'accueil du site : http://www.youtube.com  et clique r sur : Créer un compte.

  Une fois  le formulaire d'inscription  rempli, votre inscription est confirmée.

- Vous possédez alors votre propre compte vous permettant de bénificier des

  nombreuses possibilités offertes par le site : lire des vidéos, mettre une video en

  ligne.

- Suivre la procédure indiquée. Besoin d'aide ? consulter le Manuel de Youtube , 

  lien en bas de page, puis sur le menu à gauche de la page.

- Pour récupérer le lien (URL) de votre vidéo, chercher la case "Code" dans la

avant d'Enregistrer, vous pouvez modifier le code HTML soit les dimensions de votre vidéo : Width (largeur) Heigt (Hauteur) et centrer la vidéo sur votre page en completant le code suivant ces indications :

<div style="text-align:center;">

et tout à la fin :

</div>

- Enregistrer.

***************

Difficultés : Facile

Votre vidéo devra être stockée chez un hébergeur de vidéos. Certains hébergeurs gratuits offrent simplement  un espace de stockage, et d'autres des services complémentaires d'hébergement Web, classiques et complets.

Bien lire les conditions d'utilisations de ces sites avant de poster vos vidéos. (Pub, Droits de diffusion..... .).

Exemple de sites que vous trouverez sur le net.

http://www.senspace.com

http://www.putfile.com

http://www.megashares.com

Les + et les moins

+ : Pas de stockage vidéos sur le site.

+ : Paramétrage personnel du lecteur.

- : Attente téléchargement de la vidéo.

- : sites hébergement performants souvent payants.

- : Pub imposée par certains sites.

Procédure : Adresser le fichier de votre vidéo chez l'hébergeur de votre choix.

Récupérer l'adresse web de votre vidéo stockée.

Le lien qui permettra de télécharger votre vidéo, et qui sera mis sur la page de votre site Jimdo, à l'aide du module "wingets/html" sera celui-ci.

<a href="adresse de votre vidéo">Voir ma vidéo</>

1) Intégrer la vidéo.

- Intégrer le lecteur vidéo sur votre page web. En considérent que votre vidéo est

  encodée au format Flash (flv), le mieux adapté à la diffusion de vidéos sur le net,le

  code html <object> sera le suivant :

<object id="monFlash" type="application/x-shockwave-flash" data="http://resources.neolao.com/download/flash/components/player_flv.swf" width="400" height="300">
<param name="movie" value="http://resources.neolao.com/download/flash/components/player_flv.swf"/>
<param name="FlashVars" value="flv=http://mavideo.flv&width=400&height=300"/>
</object>

2) Paramétrage du Lecteur

Le code sera complété en fonction du paramétrage du lecteur suivant les différentes fonctions :

SHOWCONTROLS ou CONTROLS=”true” ou “1″ le panneau de contrôle de la vidéo est affiché ; “false” ou “0″ le panneau de contrôle de la vidéo ne s’affiche pas.
LOOP=”true” ou “-1″ la vidéo est lue indéfiniment ; “false” ou “1″ le vidéo est lue une seule fois.
AUTOSTART ou AUTOPLAY=”true” ou “1″ la lecture du fichier vidéo commence automatiquement ; “false” ou “0″ le bouton lecture devra être pressé pour voir la vidéo.
HEIGHT=”260″ et WIDTH=”320″ définissent la hauteur et la largeur de la vidéo.

NOTA : Suivant le format: window média, real player, DivX...... . , du type de fichier,

            les lignes du code seront modifiées.

            http://mavidéo.flv à remplacer dans le code par l'URL du fichier vidéo à

            diffuser en respectant les minuscules et les majuscules.

3) Ouvrir le module winget/html et coller le code html du lecteur et du lien.

4) Enregistrer.

Difficulté : moyenne

Ce tutoriel s'adresse à celles et ceux qui souhaitent réaliser une vidéo et son lecteur, sans passer par un "hébergeur de vidéos", pour les publier sur son sîte Jimdo.

Principe : Aprés encodage et compression, votre vidéo sera prète à être insérée et lue sur le web à partir d'un lecteur capable de lire sur le web les fichiers vidéos flv et que vous aurez au préalable paramétré . Le code HMTL généré, vous permettra d'installer vidéo et lecteur sur votre site Jimdo.

Les + et les moins

+ : belle intégration dans votre page web

- : consommation de bande passante risquant de

ralentir le sîte.

Procédure :

1) Convertissez votre fichier. pour cela, il faut encoder votre vidéo dans un format qui pourra être lu par la grande majorité des internautes soit : Flash (flv). Pour cela, utiliser un convertisseur vidéo gratuit :

Free Video Converter

Flash Vidéo Encoder

Riva FLV Encoder ...... par exemple.

Concernant Free Video Converter, les réglages éffectués, afficher l'onglet Chemin de sortie pour préciser ou doit être stockée la vidéo convertie.Cliquez ensuite sur Répertoire de sortie et naviguer jusquau dossier qui contient la page web dans laquelle vous voulez intégrer la vidéo . Faire : Convertir votre vidéo est enregistrée sous le même nom que le fichier original, avec l'extension .flv.

Nota : A l'onglet Chemin de sortie cochez l'option Enregistrer le fichier dans le répertoire du fichier source si vous avez creer un dossier comprenant votre vidéo et la page web.

2) Paramétrer la visionneuse. A présent, votre vidéo est prête à être insérée et lue sur le web à partir d'un lecteur gratuit :

Le lecteur choisi est : flv-player.net  ce dernier est libre, gratuit et paramétrable. Il est en Français ( Clic sur Version Française en bas à gauche de la page d'accueil ) Le lecteur se décline en 5 Types : choisissez Maxi pour plus de possibilités. Puis cliquer sur Générateur dans le menu de droite et sélectionner Générale (A) voir figure 1 ci-dessous pour effectuer votre paramétrage du lecteur. dans le champ flv (B) indiquerl'URL du fichier vidéo flv à charger.  Cliquez ensuite sur Boutons de la barre de contrôle (C) figure 2 ci-dessous, régler sur 1 les 3 premiers paramètres : bouton arrêt, réglage du volume, affichage temps écoulé. sur 1 également showiconplay pour affichage plein écran et également showiconplay pour lancer la vidéo. Sélectionner le texte Code HTML (D) clic droit pour Copier. 

3) Intégrer la visionneuse. Toujours dans le module flv-player.net cliquer sur Télécharger (menu à droite), puis sur le lien Player_flv_maxi.flv et ensuite sur Enregistrer la cible du lien sous à placer dans le dossier ou se votre page web coller votre code HTML précédent (utiliser ici votre éditeur de page web Wysiwyg) et récupérer le code actualisé.

Exemple de code html

Dans l'exemple de code html ci-dessus, le fichier vidéo flv est dans le même répertoire que le lecteur flv.swf.

4) Ouvrir le module "winget/html dans votre page Jimdo, et coller le code html à l'emplacement souhaité.

5) Enregistrer.

 - Exemple de vidéo et lecteur.

Astuce : pour centrer la vidéo sur votre page, mettre en tout début du code la

              balise <center> et à la fin </center>