[TUTORIAL] 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
ThiWeb
Administrateur
Administrateur
Messages : 8238
Enregistré le : 09 oct. 2009 02:35
Localisation : On earth
Contact :

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

Message par ThiWeb » 26 oct. 2009 05:32

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.
Image
Image

Avatar du membre
j_naoe
Petit Nouveau
Petit Nouveau
Messages : 40
Enregistré le : 14 oct. 2009 11:23

Re: [TUTORIAL] Intégrer Des Vidéos Sur Le Forum (By ThiWeb)

Message par j_naoe » 08 nov. 2009 13:27

La balise [FLASH][/FLASH] est bloqué...

Avatar du membre
ThiWeb
Administrateur
Administrateur
Messages : 8238
Enregistré le : 09 oct. 2009 02:35
Localisation : On earth
Contact :

Re: [TUTORIAL] Intégrer Des Vidéos Sur Le Forum (By ThiWeb)

Message par ThiWeb » 08 nov. 2009 20:39

Résolu ;)

ThiWeb
Image
Image

Avatar du membre
benj8
Habitué
Habitué
Messages : 159
Enregistré le : 17 oct. 2009 15:55

Re: [TUTORIAL] Intégrer Des Vidéos Sur Le Forum (By ThiWeb)

Message par benj8 » 15 déc. 2009 15:09

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

Re: [TUTORIAL] Intégrer Des Vidéos Sur Le Forum (By ThiWeb)

Message par Neyder » 15 déc. 2009 23:21

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
Habitué
Habitué
Messages : 159
Enregistré le : 17 oct. 2009 15:55

Re: [TUTORIAL] Intégrer Des Vidéos Sur Le Forum (By ThiWeb)

Message par benj8 » 16 déc. 2009 00:21

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
ThiWeb
Administrateur
Administrateur
Messages : 8238
Enregistré le : 09 oct. 2009 02:35
Localisation : On earth
Contact :

Re: [TUTORIAL] Intégrer Des Vidéos Sur Le Forum (By ThiWeb)

Message par ThiWeb » 12 nov. 2010 08:47

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 ;)
Image
Image

Drunkme

Re: [TUTORIAL] Intégrer Des Vidéos Sur Le Forum (By ThiWeb)

Message par Drunkme » 12 nov. 2010 10:18

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
ThiWeb
Administrateur
Administrateur
Messages : 8238
Enregistré le : 09 oct. 2009 02:35
Localisation : On earth
Contact :

Re: [TUTORIAL] Intégrer Des Vidéos Sur Le Forum (By ThiWeb)

Message par ThiWeb » 18 nov. 2010 15:32

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

ThiWeb
Image
Image

Avatar du membre
ThiWeb
Administrateur
Administrateur
Messages : 8238
Enregistré le : 09 oct. 2009 02:35
Localisation : On earth
Contact :

Re: [TUTORIAL] Intégrer Des Vidéos Sur Le Forum (By ThiWeb)

Message par ThiWeb » 18 nov. 2010 17:01

Ajout de Facebook.

ThiWeb ;)
Image
Image

Drunkme

Re: [TUTORIAL] Intégrer Des Vidéos Sur Le Forum (By ThiWeb)

Message par Drunkme » 18 nov. 2010 19:13

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
ThiWeb
Administrateur
Administrateur
Messages : 8238
Enregistré le : 09 oct. 2009 02:35
Localisation : On earth
Contact :

Re: [TUTORIAL] Intégrer Des Vidéos Sur Le Forum (By ThiWeb)

Message par ThiWeb » 19 nov. 2010 05:12

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

ThiWeb
Image
Image

Drunkme

Re: [TUTORIAL] Intégrer Des Vidéos Sur Le Forum (By ThiWeb)

Message par Drunkme » 19 nov. 2010 09:30

No problemo, bien évidemment. Merci. ;)


Avatar du membre
ThiWeb
Administrateur
Administrateur
Messages : 8238
Enregistré le : 09 oct. 2009 02:35
Localisation : On earth
Contact :

Re: [TUTORIAL] Intégrer Des Vidéos Sur Le Forum (By ThiWeb)

Message par ThiWeb » 19 nov. 2010 21:45

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 :$
Image
Image

Avatar du membre
ThiWeb
Administrateur
Administrateur
Messages : 8238
Enregistré le : 09 oct. 2009 02:35
Localisation : On earth
Contact :

Re: [TUTORIAL] Intégrer Des Vidéos Sur Le Forum (By ThiWeb)

Message par ThiWeb » 19 nov. 2010 23:05

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

ThiWeb ;)
Image
Image

Drunkme

Re: [TUTORIAL] Intégrer Des Vidéos Sur Le Forum (By ThiWeb)

Message par Drunkme » 19 nov. 2010 23:06

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
ThiWeb
Administrateur
Administrateur
Messages : 8238
Enregistré le : 09 oct. 2009 02:35
Localisation : On earth
Contact :

Re: [TUTORIAL] Intégrer Des Vidéos Sur Le Forum (By ThiWeb)

Message par ThiWeb » 23 nov. 2010 06:38

Ajout de Reuters.

ThiWeb
Image
Image

Avatar du membre
ThiWeb
Administrateur
Administrateur
Messages : 8238
Enregistré le : 09 oct. 2009 02:35
Localisation : On earth
Contact :

Re: [TUTORIAL] Intégrer Des Vidéos Sur Le Forum (By ThiWeb)

Message par ThiWeb » 10 mai 2011 04:14

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

ThiWeb ;)
Image
Image

Avatar du membre
ThiWeb
Administrateur
Administrateur
Messages : 8238
Enregistré le : 09 oct. 2009 02:35
Localisation : On earth
Contact :

Re: [TUTORIAL] Intégrer Des Vidéos Sur Le Forum (By ThiWeb)

Message par ThiWeb » 30 oct. 2012 01:01

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
Image
Image

Avatar du membre
cathycat
Nouveau
Nouveau
Messages : 90
Enregistré le : 17 août 2013 04:21
Localisation : Derrière toi... non j'rigole

Re: [TUTORIAL] Intégrer Des Vidéos Sur Le Forum (By ThiWeb)

Message par cathycat » 17 nov. 2013 01:37

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
ThiWeb
Administrateur
Administrateur
Messages : 8238
Enregistré le : 09 oct. 2009 02:35
Localisation : On earth
Contact :

Re: [TUTORIAL] Intégrer Des Vidéos Sur Le Forum (By ThiWeb)

Message par ThiWeb » 17 nov. 2013 02:13

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
Image
Image

Avatar du membre
cathycat
Nouveau
Nouveau
Messages : 90
Enregistré le : 17 août 2013 04:21
Localisation : Derrière toi... non j'rigole

Re: [TUTORIAL] Intégrer Des Vidéos Sur Le Forum (By ThiWeb)

Message par cathycat » 17 nov. 2013 02:47

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
ThiWeb
Administrateur
Administrateur
Messages : 8238
Enregistré le : 09 oct. 2009 02:35
Localisation : On earth
Contact :

Re: [TUTORIAL] Intégrer Des Vidéos Sur Le Forum (By ThiWeb)

Message par ThiWeb » 17 nov. 2013 05:55

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

ThiWeb ;)
Image
Image

Répondre

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 1 invité