RPG +16 ans
 
Le Deal du moment : -21%
LEGO® Icons 10329 Les Plantes Miniatures, ...
Voir le deal
39.59 €

 

 Ajouter Youtube à vos postes

Aller en bas 
AuteurMessage
Jonathan Crane/Scarecrow

Jonathan Crane/Scarecrow


Localisation dans Gotham : Arkham Asylum

Ajouter Youtube à vos postes Empty
MessageSujet: Ajouter Youtube à vos postes   Ajouter Youtube à vos postes Mininew-3561a9aLun 1 Oct - 14:24

Vous avez sans doute remarqué que des gens ajoutaient un mini-lecteur ou simplement une vidéo. On peut y arriver de plusieurs façon. Commençons par la simple vidéo.

Il existe déjà dans votre barre de boutons du haut dans vos nouveaux messages quelque chose pour ajouter un vidéo facilement. Forumactif est gentil avec vous pour ne pas compliquer vos vies inutilement. Voici le bouton en question :

Ajouter Youtube à vos postes Film

Si vous appuyez dessus, vous trouverez alors une place afin d'insérer un lien. J'ouvre alors ma vidéo sur Youtube et copie le lien en haut. Ce lien se nomme l'URL. On copie donc ce lien et on le colle dans l'espace prévu. Vous obtenez donc le code qui suit. Le résultat est juste après.

Code:
[flash(425,350)]http://www.youtube.com/v/XGFYlTfB95E[/flash]


On peut le centrer comme si il s'agissait d'un texte normal. On peut donc l'entourer des balises CENTER. Cependant, notre format de vidéo n'est modifiable. Pour ce faire, vous devez ouvrir votre page Youtube encore une fois. Sous la vidéo, il y a un bouton "Partager", cliquez dessus. Il vous offre seulement e lien qui se trouve déjà tout en haut de votre barre adresse. Cliquez sur "Intégrer". Youtube vous offre alors un code CSS déjà intégré. Il vous donne aussi quelque option inutile comme les suggestions de vidéos à la fin ou les codes d'intégration. Il ne sont pas importants.

Ils vous donnent ensuite 4 format prédéfinis. Voici ce que ça donne en code :
Petit
Code:
<iframe width="420" height="315" src="http://www.youtube.com/embed/XGFYlTfB95E?rel=0" frameborder="0" allowfullscreen></iframe>
Grand
Code:
<iframe width="640" height="480" src="http://www.youtube.com/embed/XGFYlTfB95E?rel=0" frameborder="0" allowfullscreen></iframe>

Vous pouvez observer qu'il n'y a que la largeur "WIDTH" et la hauteur "HEIGHT" qui change. Vous pouvez ainsi le modifier plus tard pour avoir un lecteur plus petit.

On peut enlever le "allowfullscreen" qui permet de mettre la vidéo en plein écran. Le "frameborder" est pour mettre une bordure blanche autour de votre lecteur. Vous pouvez laissez ça là ou changer sa valeur si vous le désirez. J'ai tendance à enlever le "?rel=0" qui n'est pas nécessaire à votre lecture. Ainsi, on obtient un code simplifié moins dur à gérer par la suite.

Code:
<iframe width="420" height="315" src="http://www.youtube.com/embed/XGFYlTfB95E" frameborder="0"></iframe>

Le lien est modifiable si vous ne voulez pas toujours refaire votre code. Vous avez simplement à changer le lien entre guillemets après le src=. Nous avons donc un écran youtube modifiable et normal présentement.


Dernière édition par Jonathan Crane/Scarecrow le Lun 1 Oct - 21:10, édité 1 fois
Revenir en haut Aller en bas
Jonathan Crane/Scarecrow

Jonathan Crane/Scarecrow


Localisation dans Gotham : Arkham Asylum

Ajouter Youtube à vos postes Empty
MessageSujet: Re: Ajouter Youtube à vos postes   Ajouter Youtube à vos postes Mininew-3561a9aLun 1 Oct - 14:30

Petit lecteur.

Vous pouvez créer de nombreux formats à votre choix. Vous n'avez qu'à modifier les valeur des balises height et width à votre goût. Voici donc des standards qu'on peut utiliser, il suffit de changer le lien de la vidéo à l'intérieur du code. Vous devrez changer qu'une petite donné dans vote lien youtube :
https://www.youtube.com/watch?v=wsumEnI5O2k

Il faut changer le watch?v= par embed/


Code:
<iframe width="220" height="30" src="http://www.youtube.com/embed/XGFYlTfB95E" frameborder="0"></iframe>

Avec une bordure

Code:
<iframe width="220" height="30" src="http://www.youtube.com/embed/XGFYlTfB95E" frameborder="3"></iframe>

Centré
Code:
[center]<iframe width="220" height="30" src="http://www.youtube.com/embed/XGFYlTfB95E" frameborder="0"></iframe>[/center]


Code:
<iframe width="150" height="20" src="http://www.youtube.com/embed/CwLYMagFWd4" frameborder="0"></iframe>


Code:
<iframe width="200" height="26" src="http://www.youtube.com/embed/wsumEnI5O2k" frameborder="0"></iframe>


Code:
<iframe width="400" height="35" src="http://www.youtube.com/embed/l7hIZss1b0Y" frameborder="0"></iframe>


Code:
<iframe width="350" height="50" src="http://www.youtube.com/embed/OIdk0IflwrQ" frameborder="0"></iframe>


Code:
<iframe width="500" height="25" src="http://www.youtube.com/embed/faRlFsYmkeY" frameborder="0"></iframe>


Dernière édition par Jonathan Crane/Scarecrow le Lun 1 Oct - 14:48, édité 6 fois
Revenir en haut Aller en bas
Jonathan Crane/Scarecrow

Jonathan Crane/Scarecrow


Localisation dans Gotham : Arkham Asylum

Ajouter Youtube à vos postes Empty
MessageSujet: Re: Ajouter Youtube à vos postes   Ajouter Youtube à vos postes Mininew-3561a9aLun 1 Oct - 14:35

Vidéo en continue

Il existe aussi une fonction pour faire répéter la musique de youtube. Moi aussi j'en ai souvent marre de peser sur Play à chaque fois que la chanson fini. Un site génial à configurer une petite modification qui vous simplifiera la vie!

Il suffit d'ajouter le mot repeat après youtube...voici un exemple:

https://www.youtube.com/watch?v=XGFYlTfB95E

http://www.youtuberepeat.com/watch?v=XGFYlTfB95E

Vous arriverez alors sur un site maintenant nommé Listeonrepeat pour les droits d'auteur à Youtube. À partir de ce moment, votre adresse ressemblera à ça :

http://www.listenonrepeat.com/watch/?v=XGFYlTfB95E

Votre vidéo va jouer en boucle à l'infini! Bonne écoute!
Revenir en haut Aller en bas
Contenu sponsorisé





Ajouter Youtube à vos postes Empty
MessageSujet: Re: Ajouter Youtube à vos postes   Ajouter Youtube à vos postes Mininew-3561a9a

Revenir en haut Aller en bas
 
Ajouter Youtube à vos postes
Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Univers Gotham :: Hors jeu :: Amusement :: Tutoriaux-
Sauter vers: