[Tutoriel] Comment mettre les vidéos en direct

[admin-forum-cjc 0]

Dans un premier temps, veuillez à ce que la case "autoriser le HTML" soit cochée dans votre profil dans les préférences

[EE811 0]

Regarder une vidéo c'est bien . Mais c'est encore plus sympa de la partager avec d'autres personnes
Voyons comment partager ces vidéos .

1er solution :
Commencez par aller sur une page de rédaction de message comme celle-ci



Ensuite cliquez sur l'icône "vidéo" (entouré en rouge)
Une petite fenêtre va s'ouvrir


...

Puis revenez sur la page de la vidéo que vous voulez insérer sur le forum (youtube, daily motion, google video ...)
Cliquez une fois sur la barre d'adresse tout en haut de la page . Normalement l'adresse complète de la page devrait se surligné . Si ce n'est pas le cas il faut le faire manuellement
Ensuite faites un clic droit puis "copier" (ou "Ctrl + C")

...

Ensuite retour sur la page du forum
Cliquez sur la zone de texte de la petite fenêtre (entouré en rouge) puis clic droit et "coller" (ou "Ctrl + V")


L'adresse de la page de la vidéo apparait dans la zone de texte
cliquez ensuite sur OK (entouré en rouge)


Vous pouvez voir l'adresse de la vidéo dans la zone de votre message
Sur mon exemple, elle se trouve entre des balises [youtube] . Ce qui m'indique que la source de ma vidéo à correctement été trouvée


Voilà . Il ne vous reste plus qu'à prévisualiser votre message pour voir si tout s'affiche bien . Et si c'est le cas de l'envoyer

MISE A JOUR : Si vous voyez lors de la prévisualisation de votre post, que la vidéo n'apparait pas directement. Généralement le souci viens de la "sécurisation" des sites publiant des vidéos/photos
Pour remédier au problème. Il vous faut supprimer manuellement dans le lien, le "s" ce trouvant au début du lien : "httpS://"


EDIT EE8 26/11/12 11h53 : Mise à jour

[EE811 0]

2è solution : Certains sites internet et certaines vidéos ne sont pas reconnu automatiquement par le forum . Il vous faudra donc passer par une autre technique pour afficher des vidéos en direct .

- Dailymotion :
Une fois sur la page souhaitée . Repérer la ligne "lecteur exportable"


Cliquez une fois sur la ligne de code pour la surligner . (sinon appuyez sur les touche "Ctrl + A")
Après ceci, un clic droit puis "copier" (ou "Ctrl + C")

- Youtube :
Une fois sur la page souhaitée . Repérer la ligne "intégrer une vidéo sur un site"


Cliquez une fois sur la ligne de code pour la surligner (sinon appuyez sur les touches "Ctrl + A")
Une série d'option apparait en dessous . Laisser les comme elles sont, c'est très bien comme ca
Après ceci, un clic droit puis "copier" (ou "Ctrl + C")

- Vimeo :
Pour certains site comme vimeo . L'option d'exportation n'est pas visible de suite .
Une fois sur la page souhaitée . Survolez la vidéo avec votre sourie et repérer le logo "embed" (entouré en rouge)


Cliquez sur le logo "embed" pour voir une autre fenêtre s'ouvrir .
Dans cette nouvelle fenêtre, le code apparait alors dans un carré blanc
Cliquez une fois sur la ligne de code pour la surligner (si elle ne ce surligne pas, appuyez sur les touche "Ctrl + A")
Après ceci, un clic droit puis "copier" (ou "Ctrl + C")

Voilà pour les sites les plus courants . Pour d'autre sites il existe d'autres moyen d'exporter les vidéos . La liste est trop longue pour en faire le descriptif complet, mais le système reste le même . A savoir qu'il y à toujours une ligne du style de celles décrites au dessus et le principe est identique .
________________________________________________________________________________________

la suite :

Revenez sur le forum pour faire un clic droit et "coller" (ou "Ctrl + V")
(pour dailymotion, pour que votre vidéo soit plus "propre" vous pouvez supprimer tout ce qu'il y a après l'avant dernier "/a")
Puis cliquez sur "prévisualiser" pour voir si elle fonctionne bien .
Si tout ce passe bien vous pouvez cliquer sur "envoyer"

Au cas ou vous avez la ligne de code à la place de la vidéo comme ceci :

Code:

<object width="425" height="344"><param name="movie" value="http://www.
youtube.com/v/rs-jAImScms&hl=fr_FR&fs=1&"></param><param name="allowFullScreen"
value="true"></param><param name="allowscriptaccess" value="always"></param>
<embed src="https://www.youtube.com/v/rs-jAImScms&hl=fr_FR&fs=1&" type="application
/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true"
width="425" height="344"></embed></object>

Voici comment assuré le coup :
Repérer le mot "embed" et supprimer tout cas qu'il y a avant
Puis repérer le mot "/embed>" et supprimer tout ce qu'il y a après
Profitez-en pour supprimer le mot "/object" (si il y en à un) ainsi que les crochets qui l'entour
Ca vous donne ce code là

Code:

<embed src="https://www.youtube.com/v/rs-jAImScms&hl=fr_FR&fs=1&"
type="application/x-shockwave-flash" allowscriptaccess="always"
allowfullscreen="true" width="425" height="344"></embed>

Et voilà ca marche

P.S. : Si vous trouvez d'autre site fonctionnant différemment . Merci de m'envoyer leurs liens par MP pour que je l'inclus au tutoriel

EDIT EE8 26/11/12 11:57 : Suppression de l'explication de Google Vidéo ... celui-ci n'existant plus

[EE811 0]

Mise à jour du post n°2 concernant la sécurisation de certains sites