Widget vidéo

3 participants

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

Résolu Widget vidéo

Message par Maximelamb 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
avatar

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 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:
https://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

Adam_sfp
Membre actif

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

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget vidéo

Message par Self 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

Self
Membre actif

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

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget vidéo

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

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

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

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

- Sujets similaires

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