[TUTORIEL] Intégrer Des Vidéos Sur Le Forum (By ThiWeb)

Vous créez ou partagez un tutorial, postez-le ici !
Répondre
Avatar du membre
Auteur du sujet
ThiWeb
Administrateur
Administrateur
Messages : 9781
Enregistré le : il y a 15 ans
Localisation : On earth
Contact :

[TUTORIEL] Intégrer Des Vidéos Sur Le Forum (By ThiWeb)

Message par ThiWeb »

Bonjour,

Malgré le petit bouton FLASH sur phpBB3 certains se posent encore la question : Comment intégrer des vidéos ?
La réponse est simple. Voici les différents exemples sélectionnés pour vous :

YouTube :

Code : Tout sélectionner

[flash=720,435]http://www.youtube.com/v/GLQDPH0ulCg[/flash]
Remplacez simplement GLQDPH0ulCg par l'identifiant de votre vidéo.
Et voilà ce que ça donne :
Dailymotion :

Code : Tout sélectionner

[flash=720,410]http://www.dailymotion.com/swf/xblh5h[/flash]
Remplacez simplement xblh5h par l'identifiant de votre vidéo.
Et voilà ce que ça donne :
Yahoo! Video :

Code : Tout sélectionner

[flash=720,440]http://d.yimg.com/static.video.yahoo.com/yep/YV_YEP.swf?id=16420048[/flash]
Remplacez simplement 16420048 par l'identifiant de votre vidéo.
Et voilà ce que ça donne :
Metacafe :

Code : Tout sélectionner

[flash=720,437]http://www.metacafe.com/fplayer/5468230/call_of_duty_black_ops_video_review.swf[/flash]
Remplacez simplement 5468230/call_of_duty_black_ops_video_review par l'identifiant de votre vidéo.
Et voilà ce que ça donne :
07 - AlloCine :

Code : Tout sélectionner

[flash=720,430]http://www.allocine.fr/blogvision/19139082[/flash]
Remplacez simplement 19139082 par l'identifiant de votre vidéo.
Et voilà ce que ça donne :
Vimeo :

Code : Tout sélectionner

[flash=720,400]http://www.vimeo.com/moogaloop.swf?clip_id=16188034&fullscreen=1[/flash]
Remplacez simplement 16188034 par l'identifiant de votre vidéo.
Et voilà ce que ça donne :
Wideo :

Code : Tout sélectionner

[flash=720,405]http://sll.kewego.com/swf/p3/epix.swf?playerKey=0df9b773a15b&autostart=false&sig=iLyROoafz_BE[/flash]
Remplacez simplement iLyROoafz_BE par l'identifiant de votre vidéo.
Et voilà ce que ça donne :
MySpace :

Code : Tout sélectionner

[flash=720,450]http://mediaservices.myspace.com/services/media/embed.aspx/m=106330947[/flash]
Remplacez simplement 106330947 par l'identifiant de votre vidéo.
Et voilà ce que ça donne :
Clubic:

Code : Tout sélectionner

[flash=720,435]http://www.clubic.com/v/304094[/flash]
Remplacez simplement 304094 par l'identifiant de votre vidéo.
Et voilà ce que ça donne :
14 - MSN Video:

Code : Tout sélectionner

[flash=720,405]http://img.widgets.video.s-msn.com/fl/player/current/player.swf?ifs=true&c=v&v=fcc68bb6-1e7a-47f8-87c1-91747f7d30fa[/flash]
Remplacez simplement fcc68bb6-1e7a-47f8-87c1-91747f7d30fa par l'identifiant de votre vidéo.
Et voilà ce que ça donne :
Kewego:

Code : Tout sélectionner

[flash=720,405]http://sll.kewego.com/swf/p3/epix.swf?playerKey=9c37f60da51b&autostart=false&sig=iLyROoaf8ZMb[/flash]
Remplacez simplement iLyROoaf8ZMb par l'identifiant de votre vidéo.
Et voilà ce que ça donne :
StupidVideos:

Code : Tout sélectionner

[flash=720,405]http://images.stupidvideos.com/2.0.2/swf/video.swf?sa=1&sk=7&si=2i=323652[/flash]
Remplacez simplement 323652 par l'identifiant de votre vidéo.
Et voilà ce que ça donne :
NationalGeographic:

Code : Tout sélectionner

[flash=460,320]http://images.nationalgeographic.com/wpf/sites/video/swf/ngplayer_syndicated.swf?slug=male-female-bci[/flash]
Remplacez simplement male-female-bci par l'identifiant de votre vidéo.
Et voilà ce que ça donne :
The New York Times:

Code : Tout sélectionner

[flash=720,435]http://graphics8.nytimes.com/packages/flash/multimedia/VIDEO_PLAYER/BCVideoEmbed.swf?videoId=1248069351454[/flash]
Remplacez simplement 1248069351454 par l'identifiant de votre vidéo.
Et voilà ce que ça donne :
Koreus:

Code : Tout sélectionner

[flash=720,405]http://www.koreus.com/video/intel-the-chase-film[/flash]
Remplacez simplement intel-the-chase-film par l'identifiant de votre vidéo.
Et voilà ce que ça donne :
Comme Au Cinema:

Code : Tout sélectionner

[flash=720,405]http://www.commeaucinema.com/flvplayerprx.php?id=93940&vid=17888[/flash]
Remplacez simplement 93940&vid=17888 par l'identifiant de votre vidéo.
Et voilà ce que ça donne :
RedTube:

Code : Tout sélectionner

[flash=720,405]http://embed.redtube.com/player/?id=9193&style=redtube[/flash]
Remplacez simplement 9193 par l'identifiant de votre vidéo.
Et voilà ce que ça donne :
C'était simple n'est-ce pas ? :)

ThiWeb ;)

P.S. : Si vous souhaitez que je rajoute des explications concernant d'autres sites de vidéos, n'hésitez pas à me les signaler.
Avatar du membre
j_naoe
Petit Nouveau
Petit Nouveau
Messages : 23
Enregistré le : il y a 15 ans

Message par j_naoe »

La balise [FLASH][/FLASH] est bloqué...
Avatar du membre
Auteur du sujet
ThiWeb
Administrateur
Administrateur
Messages : 9781
Enregistré le : il y a 15 ans
Localisation : On earth
Contact :

Message par ThiWeb »

Résolu ;)

ThiWeb
Avatar du membre
benj8
Nouveau
Nouveau
Messages : 48
Enregistré le : il y a 15 ans

Message par benj8 »

Bonjour,

J'ai déjà posé la question à un modérateur, comment intégrer une vidéo clubic ? Cela semble être une grande énigme !
Voici le lien de la vidéo que je souhaitais intégrer (dans le topic Thunderbird), mais en vain malgré de nombreuses tentatives :

http://www.clubic.com/actualite-307678- ... aging.html

Cdlt,

Benji.
"Once you eliminate the impossible, whatever remains, no matter how improbable, must be the truth". Arthur Conan Doyle.
Neyder

Message par Neyder »

Tu recupere le code embed, tu cherche le lien de la video (src="") et la taille width(largeur) height (hauteur)

<div><embed src='http://www.clubic.com/v/302960' width='640' height='390' allowscriptaccess='always' allowfullscreen='true'></embed><br />Source de la vidéo : <a href='http://www.clubic.com/actualite-307678- ... aging.html' target='_blank'>Clubic</a></div>

Ensuite tu insere le lien de la video entre les balises [flash=][/flash] et tu spécifie la taille dans [Flash=largeur,hauteur]

[flash=640,390]http://www.clubic.com/v/302960[/flash]

Code : Tout sélectionner

[flash=640,390]http://www.clubic.com/v/302960[/flash]
Avatar du membre
benj8
Nouveau
Nouveau
Messages : 48
Enregistré le : il y a 15 ans

Message par benj8 »

Merci bien Neyder, je n'avais en effet pas songé à regarder tout ce qu'il y avait dans le lien proposé par le site !

J'ai modifié mon post dans le topic Thunderbird, un peu tard, mais quand même ^^

Thx !
"Once you eliminate the impossible, whatever remains, no matter how improbable, must be the truth". Arthur Conan Doyle.
Avatar du membre
Auteur du sujet
ThiWeb
Administrateur
Administrateur
Messages : 9781
Enregistré le : il y a 15 ans
Localisation : On earth
Contact :

Message par ThiWeb »

Mise à jour du post initial et rajout des sites vidéos suivants :
- Clubic
- MegaVideo
- Wat(.tv)
- MSN Video
- RedTube

Ce qui donne au total (15 sites) :
- YouTube
- Dailymotion
- GoogleVideo
- Yahoo! Video
- Metacafe
- AlloCine
- Vimeo
- Wideo
- MySpace
- Clubic
- MegaVideo
- Wat(.tv)
- MSN Video
- RedTube

La quasi totalité des vidéos est en 16/9ème et font 720 pixels de large pour un plus grand confort visuel. ;)

ThiWeb ;)
Drunkme

Message par Drunkme »

Salut Thiweb,

Je viens de lire le code qu'il y a derrière les videos et le comparer avec les lignes de code entre balise "code", c'est le même.

En fait, je crois que les problèmes de compréhension proviennent de la formulation de ta phrase qui dit que tu dois remplacer le code identifiant la video par le code identifiant la video. Ce n'est pas très...didactique. ;)

Tu avais fait une autre démonstration sur un autre fil qui était bien plus parlante : viewtopic.php?f=6&t=3995&p=33112#p33112

Donc, en fait, il faut que le lecteur remplace à chaque fois l'identifiant de la video dans la démonstration par des XXXX et il aura tout bon. :d
Avatar du membre
Auteur du sujet
ThiWeb
Administrateur
Administrateur
Messages : 9781
Enregistré le : il y a 15 ans
Localisation : On earth
Contact :

Message par ThiWeb »

Ajout de Kewego.
Merci à Drunkme pour l'intégration ! ;)

ThiWeb
Avatar du membre
Auteur du sujet
ThiWeb
Administrateur
Administrateur
Messages : 9781
Enregistré le : il y a 15 ans
Localisation : On earth
Contact :

Message par ThiWeb »

Ajout de Facebook.

ThiWeb ;)
Drunkme

Message par Drunkme »

Ton travail est génial, est-ce que je peux récupérer ton tuto pour le mettre sur mon forum ou ça te gêne?
Avatar du membre
Auteur du sujet
ThiWeb
Administrateur
Administrateur
Messages : 9781
Enregistré le : il y a 15 ans
Localisation : On earth
Contact :

Message par ThiWeb »

Non, vas-y ! ;)
Mais cite la source... :$

ThiWeb
Drunkme

Message par Drunkme »

No problemo, bien évidemment. Merci. ;)
Avatar du membre
Auteur du sujet
ThiWeb
Administrateur
Administrateur
Messages : 9781
Enregistré le : il y a 15 ans
Localisation : On earth
Contact :

Message par ThiWeb »

Sur ton forum, la vidéo Clubic ne fonctionne pas.
Et le plein écran ne fonctionne sur aucunes vidéos.

Pour autoriser le plein écran sur les vidéos de ton forum, il faut modifier le fichier de PHPBB prenant en charge l'affichage du Flash et ajouter un "PARAM NAME". Le voici :

Code : Tout sélectionner

<param name="allowFullScreen" value="true">
Ensuite, j'ai également rajouté

Code : Tout sélectionner

<param name="wmode" value="transparent" />
premettant de prendre en charge la transparence Flash.
Ce dernier code est également à rajouter dans la balise "EMBED" :

Code : Tout sélectionner

wmode="transparent"
Après pour la vidéo Clubic, je n'ai pas fouillé dans ton code, mais il doit y avoir une explication...

ThiWeb

P.S. : ThiWeb s'écrit comme ça ! Pas comme ça : Thiweb :$
Avatar du membre
Auteur du sujet
ThiWeb
Administrateur
Administrateur
Messages : 9781
Enregistré le : il y a 15 ans
Localisation : On earth
Contact :

Message par ThiWeb »

Ajout de 4 sites vidéos supplémentaires :
- Fora(tv)
- StupidVideos
- NationalGeographic
- The New York Times

ThiWeb ;)
Drunkme

Message par Drunkme »

Navré d'avoir mal orthographié ton pseudo. C'est corrigé.

En effet, les videos Clubic ne fonctionnent pas. C'est surprenant, parce que j'en ai déjà mis plusieurs par le passé dans la section informatique. Par ailleurs, j'ai essayé l'adresse et elle fonctionne. Donc je ne comprends pas. :$

Ensuite, merci pour ton code, je l'ai rajouté dans bbcode.html et rien, pas de plein écran. J'ignore ce qui ne va pas, mais de toute façon je sais que j'ai des tas de problèmes sur le forum depuis que j'ai été hacké. J'étais en train de le réparer en local quand on m'a piqué mon Asus. Maintenant je n'ai plus aucun fichier sur mon PC et il faut tout recommencer.

....et je ne le ferai probablement pas. On ne mettra pas de videos de Clubic, voilà tout. De toute façon, même si mes plans marchent et que le forum redémarre, il n'aura jamais un public d'amateurs de videos. A la rigueur de musique, mais c'est tout.

Merci pour le code, même si ça n'a rien changé.

Code : Tout sélectionner

<!-- BEGIN flash --><object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=5,0,0,0" width="{WIDTH}" height="{HEIGHT}"><param name="movie" value="{URL}" /><param name="play" value="false" /><param name="loop" value="false" /><param name="quality" value="high" /><param name="allowScriptAccess" value="never" /><param name="allowNetworking" value="internal" />[color=#FF0040]<param name="allowFullScreen" value="true">[/color][color=#FF0040]<param name="wmode" value="transparent" />[/color]<embed src="{URL}" type="application/x-shockwave-flash"[color=#FF0040]wmode="transparent"[/color]pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" width="{WIDTH}" height="{HEIGHT}" play="false" loop="false" quality="high" allowscriptaccess="never" allownetworking="internal"></embed></object><!-- END flash -->
Avatar du membre
Auteur du sujet
ThiWeb
Administrateur
Administrateur
Messages : 9781
Enregistré le : il y a 15 ans
Localisation : On earth
Contact :

Message par ThiWeb »

Ajout de Reuters.

ThiWeb
Avatar du membre
Auteur du sujet
ThiWeb
Administrateur
Administrateur
Messages : 9781
Enregistré le : il y a 15 ans
Localisation : On earth
Contact :

Message par ThiWeb »

"Comme Au Cinema" a été ajouté et "l'embed player" de Wideo a été mis à jour.

ThiWeb ;)
Avatar du membre
Auteur du sujet
ThiWeb
Administrateur
Administrateur
Messages : 9781
Enregistré le : il y a 15 ans
Localisation : On earth
Contact :

Message par ThiWeb »

Petite correction ajoutée au player de MSN Vidéo.
En effet, on abandonne le player FLV au profit du player SWF intégré au site de MSN VIDEO.
Le code est ainsi plus propre ;)

ThiWeb
Avatar du membre
cathycat
Habitué
Habitué
Messages : 269
Enregistré le : il y a 11 ans
Localisation : Derrière toi... non j'rigole

Message par cathycat »

Déterrage Topic :lol:

Comment insérer une vidéo du site Canal + et/ou une vidéo hébergée sur un serveur type Méga? est-ce possible seulement?
J'ai essayé en bidouillant mais c'est au-delà de mes capacités. *)

merci de l'éclairage.
Ils ne savaient pas que c’était impossible, alors ils l’ont fait. (Mark Twain)
Avatar du membre
Auteur du sujet
ThiWeb
Administrateur
Administrateur
Messages : 9781
Enregistré le : il y a 15 ans
Localisation : On earth
Contact :

Message par ThiWeb »

Pour Canal+ c'est facile :

Code : Tout sélectionner

[flash=640,360]http://player.canalplus.fr/embed/flash/player.swf?videoId=XXXXXX[/flash]
Il suffit de remplacer XXXXXX par l'identifiant de la vidéo, et voilà ce que ça donne :
Pour MEGA, je ne sais pas où trouver une vidéo, mais si tu m'en indiques une, je regarderais si l'intégration est possible.

ThiWeb
Avatar du membre
cathycat
Habitué
Habitué
Messages : 269
Enregistré le : il y a 11 ans
Localisation : Derrière toi... non j'rigole

Message par cathycat »

Merci ThiWeb super
J'y étais "presque" arrivée
j'avais omis le "?"

Edit: Dis mois j'avais pas vue l'heure... Tu est insomniaque toi aussi?
Ils ne savaient pas que c’était impossible, alors ils l’ont fait. (Mark Twain)
Avatar du membre
Auteur du sujet
ThiWeb
Administrateur
Administrateur
Messages : 9781
Enregistré le : il y a 15 ans
Localisation : On earth
Contact :

Message par ThiWeb »

Non, c'est juste qu'on est le Week-End et que je suis seul... Du coup...

ThiWeb ;)
Répondre

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 6 invités