Widget vidéo

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Widget vidéo

Message par Maximelamb le Mar 6 Aoû 2013 - 19:23

Bonjour tout le monde,
le sujet existe certainement déjà, mes recherche n'ont malheureusement abouti à rien, désolé.
J'aimerais créer sur ma page d'accueil un widget affichant les dernières vidéos créées par mes membres. Le problème est que je dois avoir un lecteur Youtube de 170 pixels sur 170 pixels. Le code ne fonctionne pas (pour redimensionner un lecteur Flash mais adapté pour un lecteur Youtube). Ma question est donc: quel est le code que je dois utiliser pour redimensionner mon lecteur Youtube ?
Merci d'avance Smile


Dernière édition par Maximelamb le Mer 7 Aoû 2013 - 20:01, édité 1 fois

Maximelamb
*

Masculin
Messages : 31
Inscrit(e) le : 14/09/2012

http://www.thff.net
Maximelamb a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget vidéo

Message par Adam_sfp le Mar 6 Aoû 2013 - 19:44

Bonjour

Vous pouvez essayer ceci:

Il faut récuperez les id des vidéos youtube.

Par exemple pour cette vidéo:
http://www.youtube.com/watch?feature=player_embedded&v=UQGMDaPsdoI
l'id est UQGMDaPsdoI

Utilisez ensuite ce code
En remplaçant ID DE LA VIDEO par vos id youtube.

Code:
<iframe width="170" height="170" src="http://www.youtube.com/embed/ID DE LA VIDEO?playlist=ID DE LA VIDEO,ID DE LA VIDEO" frameborder="0" allowfullscreen></iframe>>

*Vous pouvez en rajouter en séparant les id par une virgule.

Cdt.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget vidéo

Message par Self le Mar 6 Aoû 2013 - 19:49

Bonsoir Maximelamb Very Happy.

une solution m'avais été donner par Adam_sfp, il faut créer votre widget comme cela:
Code:
<center><div id="last_video"></div>
                      
                          
       
               <script type="text/javascript">
                    function showVideo(response) {
                        if(response.data && response.data.items) {
                            var items = response.data.items;
                            if(items.length>0) {
                                var item = items[0];
                                var videoid = "http://www.youtube.com/embed/"+item.id;
                                console.log("Latest ID: '"+videoid+"'");
                                var video = "<iframe width='560' height='315' src='"+videoid+"' frameborder='0' allowfullscreen></iframe>";
                               jQuery('#last_video').html(video);
                            }
                        }
                    }
                </script>
        
               <script type="text/javascript" src="https://gdata.youtube.com/feeds/api/users/NOMDELACHAINE/uploads?max-results=1&orderby=published&v=2&alt=jsonc&callback=showVideo"></script></center>
Dans ce code il vous faudras configurer la taille dans la partie du code:
Code:
var video = "<iframe width='560' height='315' src='"+videoid+"' frameborder='0' allowfullscreen>
en remplaçant 560 et 315.

Et remplacé NOMDELACHAINE par le nom de la chaine.

EDIT: Oups j'ai été trop lent ^^, désoler Adam.

Cordialement Smile.

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget vidéo

Message par Maximelamb le Mer 7 Aoû 2013 - 16:56

Merci pour vos réponses, j'essaye cela dès que je suis chez moi Wink

Maximelamb
*

Masculin
Messages : 31
Inscrit(e) le : 14/09/2012

http://www.thff.net
Maximelamb a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget vidéo

Message par Maximelamb le Mer 7 Aoû 2013 - 20:01

Merci à vous deux Smile
J'ai utilisé une variante du code de Adam, où on ne parle pas de la playlist, pour ceux qui chercheraient:
Code:
<iframe width="170" height="170" src="http://www.youtube.com/embed/LSr8WaDKqdY" frameborder="0" allowfullscreen></iframe>

Maximelamb
*

Masculin
Messages : 31
Inscrit(e) le : 14/09/2012

http://www.thff.net
Maximelamb a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum