Tutoriel expliquant comment intégrer une sélection de vidéos hébergées sur Youtube sur son propre site web, en utilisant la fonction d'édition de playlists.
Veille à suivre sur twitter @mon_etourisme
3. 1 e étape : se créer un compte sur Youtube TUTORIEL Si vous avez un compte Google, vous avez de fait un compte Youtube Sinon, créez-vous un compte ici
5. Cherchez des vidéos qui vous intéressent TUTORIEL Vous voici connecté. Vous pouvez maintenant rechercher des vidéos qui vous intéressent
6. Cherchez des vidéos qui vous intéressent TUTORIEL Une vidéo m'intéresse, je clique dessus pour la visualiser… Cela permettra d'accéder à des fonctionnalités de partage.
7. Rassembler des vidéos TUTORIEL Un menu me propose d'ajouter cette vidéo à mes favoris.
8. Rassembler des vidéos TUTORIEL La vidéo vient s'ajouter à une "frise" regroupant toutes les vidéos favorites.
9. Rassembler des vidéos TUTORIEL Il suffit de reproduire ces étapes pour regrouper les vidéos qui vous intéressent : - Rechercher - Favoriser
10. TUTORIEL Etape 3 Constituer des listes de lecture ("playlist")
11. Constituer ses listes de lecture TUTORIEL En cliquant sur son nom de compte, un menu se déroule. Sélectionnez "Mes vidéos".
12. Constituer ses listes de lecture TUTORIEL Vous pouvez ici créer une nouvelle liste de lecture.
13. Constituer ses listes de lecture TUTORIEL Vous avez ici des champs à remplir. N'omettez pas cette étape, comme chaque fois qu'il y a des mots clés et des descriptions, cela contribue au bon référencement de votre playlist… (cela donne donc de la visibilité à votre compte… et donc des vidéos que vous pourriez publier ultérieurement !
14. Constituer ses listes de lecture TUTORIEL On voit que votre liste de lecture est créée. Ne reste plus qu'à y ajouter les vidéos !
15. Ajouter des vidéos à ses listes de lecture TUTORIEL Les vidéos qu'on a trouvées sur Youtube ont été rangées dans les favoris. Il suffit de cocher celles que l'on veut voir ajoutées à la liste de lecture que l'on vient de créer.
16. Ajouter des vidéos à ses listes de lecture TUTORIEL … puis, dans le menu "Ajouter à", il suffit de sélectionner la liste de lecture… … et enfin de confirmer en cliquant sur le bouton "Ajouter des vidéos"
17. Ajouter des vidéos à ses listes de lecture TUTORIEL Une information apparaît pour confirmer que l'opération est réussie.
18. TUTORIEL Etape 4 Finaliser la liste de lecture et la publier sur son site
19. Finaliser la liste de lecture TUTORIEL En cliquant sur le nom de la liste de lecture, vous pourrez visualiser les vidéos qui la composent… et la modifier Modification n°1 : l'ordre de passage des vidéos. Il suffit simplement de changer le numéro !
20. Finaliser la liste de lecture TUTORIEL Vous pouvez modifier titre, description et mots clés donnés en étape 3… … et déterminer si cette liste de lecture est publique ou privée (seulement accessible par les personne disposant du lien)
21. Partager la liste de lecture TUTORIEL … Et la partager ! Trois solutions : - récupérer l'adresse web (URL) de la liste de lecture - l'envoi par e-mail - et surtout, ce qui nous intéresse, la possibilité de l'intégrer sur son site web !
22. Partager la liste de lecture TUTORIEL Pour se faire, copiez le code. N'hésitez pas à laisser cette case cochée, cela permettra à d'autres internautes de publier à leur tour cette liste de lecture sur leurs propres sites web, créant ainsi des liens vers votre compte youtube (et mettant ainsi en valeur vos propres vidéos !)
23. Partager la liste de lecture TUTORIEL Ce code vous permet d'intégrer la sélection de vidéo sur votre site web. Comme d'habitude, vous pouvez modifier les dimensions du "widget" que vous allez insérer (modifiez les nombres en rouge, les nombres de la seconde série devant être identiques à ceux de la première série) Dans notre exemple, le code est le suivant : <object width=" 480 " height=" 385 "><param name="movie" value="http://www.youtube.com/p/53D9AB3DB3A00870?hl=fr_FR&fs=1"></param><param name="allowFullScreen" value="true"></param> <param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/p/53D9AB3DB3A00870?hl=fr_FR&fs=1" type="application/x-shockwave-flash" width=" 480 " height=" 385 " allowscriptaccess="always" allowfullscreen="true"></embed></object> Width = largeur Height = hauteur
24. Intégrez la liste de lecture dans votre site web TUTORIEL Il vous suffit de coller ce code HTML sur votre blog ou votre site (exemple ici avec un site sous Jimdo)
25. Intégrez la liste de lecture dans votre site web TUTORIEL Et voila le résultat ! En plus de la vidéo de fond, les miniatures des autres vidéos de la liste de lecture apparaissent en bas de fenêtre. Il suffit de cliquer sur la miniature pour lancer la vidéo correspondante.
26. Fin du tutoriel TUTORIEL D'autres infos etourisme sur Twitter : @mon_etourisme