Connexion
S'inscrire
Actualités
Quoi de neuf
Activités générales
Auteurs
Forums
Nouveaux messages
Rechercher un forum
Quoi de neuf
Nouveaux messages
Nouveaux messages de profil
Activités générales
Membres
Membres inscrits
Visiteurs actuels
Nouveaux messages de profil
Rechercher dans les messages des profils
Teams
Créé ton équipe
Quoi de neuf ?
Nouveaux messages
Rechercher un forum
Menu
Connexion
S'inscrire
Install the app
Install
Forums
Forums généraux
Informatique
Développement
Récupérer les dernières vidéos youtube d'une chaîne et l'implémenter sur son site
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
Vous utilisez un navigateur non à jour ou ancien. Il ne peut pas afficher ce site ou d'autres sites correctement.
Vous devez le mettre à jour ou utiliser un
navigateur alternatif
.
Répondre à la discussion
Message
<blockquote data-quote="-PizzaHut-" data-source="post: 6859726" data-attributes="member: 321754"><p style="text-align: center"><span style="font-family: 'MyriadPro'"><strong>Salut à tous</strong></span></p><p></p><p style="text-align: center"><span style="font-family: 'MyriadPro'"><strong>Pour mon <span style="color: #b30059">premier tutoriel</span> je décide de vous expliquer comment récupérer le <span style="color: #b30059">flux des dernières vidéos</span> d'une chaîne youtube et ainsi avoir un<span style="color: #b30059"> auto update</span> sur son site sans utiliser l'api <span style="color: #b30059">youtube.</span></strong></span></p><p></p><p style="text-align: center"><span style="font-family: 'MyriadPro-Regular'"><strong>[SPOILER="Résultat final"]<img src="https://i.gyazo.com/7f17065bdf02912ddce8a46009824a7f.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> [/SPOILER]</strong></span></p><p></p><p style="text-align: center"><span style="font-family: 'MyriadPro'"><strong>Pour ce tutoriel j'utiliserais l'éditeur de texte <span style="color: #b30059">Atom.</span></strong></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'"></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'"><strong>Commençons, nous allons déclarer une variable php que j'appellerais dans ce tutoriel <span style="color: #b30059">$video</span>, puis une seconde que j'appellerais <span style="color: #b30059">$url</span> qui servira à <span style="color: #b30059">récuperer</span> le fichier <span style="color: #b30059">.xml </span>qui contient le <span style="color: #b30059">flux de la chaîne</span>, nous aurons besoin d'une dernière valeur qui servira à lire le fichier .xml que l'on appellera <span style="color: #b30059">$xml.</span></strong></span></p><p></p><p>[CODE]</p><p> <?php</p><p> $url = "https://www.youtube.com/feeds/videos.xml?channel_id=UCtBjt766LG9EDVKZx4Q4IHw";</p><p> $xml = simplexml_load_file($url);</p><p>[/CODE]</p><p></p><p style="text-align: center"><strong><span style="font-family: 'MyriadPro'">Pour l'instant nous récupérons le fichier <span style="color: #b30059">.xml</span> de la chaine <span style="color: #b30059">youtube</span> ayant l'id : UCtBjt766LG9EDVKZx4Q4IHw</span></strong></p> <p style="text-align: center"><strong><span style="font-family: 'MyriadPro'"></span></strong></p> <p style="text-align: center"><strong><span style="font-family: 'MyriadPro'">Maintenant nous allons utiliser la fonction <span style="color: #b30059">pour</span> ( <span style="color: #b30059">for en anglais</span> ), celle-ci permettra de <span style="color: #b30059">restreindre</span> l'affichage des dernières vidéos à un <span style="color: #b30059">certains nombre</span>.</span></strong></p> <p style="text-align: center"></p><p></p><p>[CODE]</p><p> <?php</p><p> $url = "https://www.youtube.com/feeds/videos.xml?channel_id=UCtBjt766LG9EDVKZx4Q4IHw";</p><p> $xml = simplexml_load_file($url);</p><p> for($i = 0; $i < 9; $i++){[/CODE]</p><p></p><p style="text-align: center"><strong><span style="font-family: 'MyriadPro'">Dans le cas suivant nous afficherons les <span style="color: #b30059">9 premières vidéos</span>, pour<span style="color: #b30059"> $i </span>allant de<span style="color: #b30059"> 1 à 9 </span>avec une implémentation de <span style="color: #b30059">1</span>.</span></strong></p> <p style="text-align: center"><strong><span style="font-family: 'MyriadPro'">A l'intérieur de cette fonction <span style="color: #b30059">for</span> nous allons <span style="color: #b30059">récupérer</span> les données qui nous intéresse dans ce cas, sa sera la variable <span style="color: #b30059">id</span> stocké dans le fichier <span style="color: #b30059">.xml</span><span style="color: #404040">.</span></span></strong></p><p></p><p>[CODE]</p><p> <?php</p><p> $url = "https://www.youtube.com/feeds/videos.xml?channel_id=UCtBjt766LG9EDVKZx4Q4IHw";</p><p> $xml = simplexml_load_file($url);</p><p> for($i = 0; $i < 9; $i++){</p><p> $link = $xml->entry[$i]->id;[/CODE]</p><p></p><p style="text-align: center"><span style="font-family: 'MyriadPro'"><strong>Maintenant que nous avons cette <span style="color: #b30059">valeur id</span> qui contient donc <span style="color: #b30059">l'id des vidéos</span> nous allons la remplacer grâce à la fonction <span style="color: #b30059">str_replace</span> de cette façon, nous allons <span style="color: #b30059">exclure</span> un morceau de texte qui est contenu dans la valeur id du .<span style="color: #b30059">xml</span>.</strong></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'"><strong>La valeur <span style="color: #b30059">id</span> est <span style="color: #b30059">stocké</span> dans la variable <span style="color: #b30059">$link</span>.</strong></span></p><p></p><p>[CODE]</p><p> <?php</p><p> $url = "https://www.youtube.com/feeds/videos.xml?channel_id=UCtBjt766LG9EDVKZx4Q4IHw";</p><p> $xml = simplexml_load_file($url);</p><p> for($i = 0; $i < 9; $i++){</p><p> $link = $xml->entry[$i]->id;</p><p> $link = str_replace('yt:video:','',$link);[/CODE]</p><p></p><p style="text-align: center"><span style="font-family: 'MyriadPro'"><strong>Il ne nous manque plus qu'a mettre en page <span style="color: #b30059">l'affichage des vidéos</span>.</strong></span></p><p></p><p>[CODE]</p><p> <?php</p><p> $url = "https://www.youtube.com/feeds/videos.xml?channel_id=UCtBjt766LG9EDVKZx4Q4IHw";</p><p> $xml = simplexml_load_file($url);</p><p> for($i = 0; $i < 9; $i++){</p><p> $link = $xml->entry[$i]->id;</p><p> $link = str_replace('yt:video:','',$link);</p><p> $video .= "<div class='col-md-4'></p><p> <iframe width='90%' height='250px' src='https://www.youtube.com/embed/$link' frameborder='0' allowfullscreen></iframe></p><p> </div>";</p><p> }</p><p> ?></p><p> <center><h1>Liste vidéos youtube</h1></center></br></br></p><p> <div class="row"></p><p> <?php echo $video; ?></p><p> </div></p><p>[/CODE]</p><p></p><p style="text-align: center"><strong><span style="font-family: 'MyriadPro'">Ne tenez pas compte de la class utilisé dans la div elle correspond au placement des vidéos sur la page web.</span></strong></p> <p style="text-align: center"><strong><span style="font-family: 'MyriadPro'"></span></strong></p> <p style="text-align: center"><strong><span style="font-family: 'MyriadPro'"></span></strong></p> <p style="text-align: center"><strong><span style="font-family: 'MyriadPro'">Pour <span style="color: #b30059">résumer</span> nous <span style="color: #b30059">récupérons</span> le document <span style="color: #b30059">.xml</span> qui correspond à la chaîne désirée.</span></strong></p> <p style="text-align: center"><strong><span style="font-family: 'MyriadPro'">Nous extrayons la valeur <span style="color: #b30059">id</span> dans ce cas et nous remplaçons son contenu en <span style="color: #b30059">supprimant </span>le texte qu'elle contient.</span></strong></p> <p style="text-align: center"><strong><span style="font-family: 'MyriadPro'">Puis nous <span style="color: #b30059">affichons</span> grâce à notre variable préalablement <span style="color: #b30059">stocké</span> la vidéo en changeant uniquement la partie se situant à la fin du lien <span style="color: #b30059">youtube</span>.</span></strong></p> <p style="text-align: center"><strong><span style="font-family: 'MyriadPro'">Pour finir un simple <span style="color: #b30059">echo</span> de la valeur <span style="color: #b30059">$video</span> nous affiche les <span style="color: #b30059">9</span> premières vidéos.</span></strong></p> <p style="text-align: center"><strong><span style="font-family: 'MyriadPro'"></span></strong></p> <p style="text-align: center"><strong><span style="font-family: 'MyriadPro'"></span></strong></p> <p style="text-align: center"><strong><span style="font-family: 'MyriadPro'">Pour résumer ce petit tutoriel vous permet de </span><span style="font-family: 'MyriadPro-Regular'"><span style="color: #b30059">récupérer</span></span><span style="font-family: 'MyriadPro'"> les dernières vidéos d'une chaîne ( vous pouvez récupérer toutes les informations contenu dans le .xml pas uniquement l'id ).</span></strong></p> <p style="text-align: center"><strong><span style="font-family: 'MyriadPro'">Tout ceci <span style="color: #b30059">sans utiliser l'api youtube</span> et avec un code assez <span style="color: #b30059">court </span>et <span style="color: #b30059">simple</span>.</span></strong></p> <p style="text-align: center"><strong><span style="font-family: 'MyriadPro'"></span></strong></p><p><strong><span style="font-family: 'MyriadPro'"></span></strong></p><p><strong><span style="font-family: 'MyriadPro'"></span></strong></p><p style="text-align: center"><strong><span style="font-family: 'MyriadPro'">Voilà j'espère que ce premier tuto vous aura plu.</span></strong></p> <p style="text-align: center"><strong><strong><span style="font-family: 'MyriadPro'">N'hésitez pas à laisser votre avis.</span></strong></strong></p> <p style="text-align: center"><strong><span style="font-family: 'MyriadPro'"></span></strong></p> <p style="text-align: center"><strong><span style="font-family: 'MyriadPro'"><img src="/data/assets/smilies/tchuss.gif" class="smilie" loading="lazy" alt=":tchuss:" title="Tchuss :tchuss:" data-shortname=":tchuss:" /></span></strong></p> <p style="text-align: center"><strong><span style="font-family: 'MyriadPro'"></span></strong></p></blockquote><p></p>
[QUOTE="-PizzaHut-, post: 6859726, member: 321754"] [CENTER][FONT=MyriadPro][B]Salut à tous[/B][/FONT][/CENTER] [CENTER][FONT=MyriadPro][B]Pour mon [COLOR=#b30059]premier tutoriel[/COLOR] je décide de vous expliquer comment récupérer le [COLOR=#b30059]flux des dernières vidéos[/COLOR] d'une chaîne youtube et ainsi avoir un[COLOR=#b30059] auto update[/COLOR] sur son site sans utiliser l'api [COLOR=#b30059]youtube.[/COLOR][/B][/FONT][/CENTER] [CENTER][FONT=MyriadPro-Regular][B][SPOILER="Résultat final"][IMG]https://i.gyazo.com/7f17065bdf02912ddce8a46009824a7f.jpg[/IMG] [/SPOILER][/B][/FONT][/CENTER] [CENTER][FONT=MyriadPro][B]Pour ce tutoriel j'utiliserais l'éditeur de texte [COLOR=#b30059]Atom.[/COLOR][/B] [B]Commençons, nous allons déclarer une variable php que j'appellerais dans ce tutoriel [COLOR=#b30059]$video[/COLOR], puis une seconde que j'appellerais [COLOR=#b30059]$url[/COLOR] qui servira à [COLOR=#b30059]récuperer[/COLOR] le fichier [COLOR=#b30059].xml [/COLOR]qui contient le [COLOR=#b30059]flux de la chaîne[/COLOR], nous aurons besoin d'une dernière valeur qui servira à lire le fichier .xml que l'on appellera [COLOR=#b30059]$xml.[/COLOR][/B][/FONT][/CENTER] [CODE] <?php $url = "https://www.youtube.com/feeds/videos.xml?channel_id=UCtBjt766LG9EDVKZx4Q4IHw"; $xml = simplexml_load_file($url); [/CODE] [CENTER][B][FONT=MyriadPro]Pour l'instant nous récupérons le fichier [COLOR=#b30059].xml[/COLOR] de la chaine [COLOR=#b30059]youtube[/COLOR] ayant l'id : UCtBjt766LG9EDVKZx4Q4IHw Maintenant nous allons utiliser la fonction [COLOR=#b30059]pour[/COLOR] ( [COLOR=#b30059]for en anglais[/COLOR] ), celle-ci permettra de [COLOR=#b30059]restreindre[/COLOR] l'affichage des dernières vidéos à un [COLOR=#b30059]certains nombre[/COLOR].[/FONT][/B] [/CENTER] [CODE] <?php $url = "https://www.youtube.com/feeds/videos.xml?channel_id=UCtBjt766LG9EDVKZx4Q4IHw"; $xml = simplexml_load_file($url); for($i = 0; $i < 9; $i++){[/CODE] [CENTER][B][FONT=MyriadPro]Dans le cas suivant nous afficherons les [COLOR=#b30059]9 premières vidéos[/COLOR], pour[COLOR=#b30059] $i [/COLOR]allant de[COLOR=#b30059] 1 à 9 [/COLOR]avec une implémentation de [COLOR=#b30059]1[/COLOR]. A l'intérieur de cette fonction [COLOR=#b30059]for[/COLOR] nous allons [COLOR=#b30059]récupérer[/COLOR] les données qui nous intéresse dans ce cas, sa sera la variable [COLOR=#b30059]id[/COLOR] stocké dans le fichier [COLOR=#b30059].xml[/COLOR][COLOR=#404040].[/COLOR][/FONT][/B][/CENTER] [CODE] <?php $url = "https://www.youtube.com/feeds/videos.xml?channel_id=UCtBjt766LG9EDVKZx4Q4IHw"; $xml = simplexml_load_file($url); for($i = 0; $i < 9; $i++){ $link = $xml->entry[$i]->id;[/CODE] [CENTER][FONT=MyriadPro][B]Maintenant que nous avons cette [COLOR=#b30059]valeur id[/COLOR] qui contient donc [COLOR=#b30059]l'id des vidéos[/COLOR] nous allons la remplacer grâce à la fonction [COLOR=#b30059]str_replace[/COLOR] de cette façon, nous allons [COLOR=#b30059]exclure[/COLOR] un morceau de texte qui est contenu dans la valeur id du .[COLOR=#b30059]xml[/COLOR].[/B] [B]La valeur [COLOR=#b30059]id[/COLOR] est [COLOR=#b30059]stocké[/COLOR] dans la variable [COLOR=#b30059]$link[/COLOR].[/B][/FONT][/CENTER] [CODE] <?php $url = "https://www.youtube.com/feeds/videos.xml?channel_id=UCtBjt766LG9EDVKZx4Q4IHw"; $xml = simplexml_load_file($url); for($i = 0; $i < 9; $i++){ $link = $xml->entry[$i]->id; $link = str_replace('yt:video:','',$link);[/CODE] [CENTER][FONT=MyriadPro][B]Il ne nous manque plus qu'a mettre en page [COLOR=#b30059]l'affichage des vidéos[/COLOR].[/B][/FONT][/CENTER] [CODE] <?php $url = "https://www.youtube.com/feeds/videos.xml?channel_id=UCtBjt766LG9EDVKZx4Q4IHw"; $xml = simplexml_load_file($url); for($i = 0; $i < 9; $i++){ $link = $xml->entry[$i]->id; $link = str_replace('yt:video:','',$link); $video .= "<div class='col-md-4'> <iframe width='90%' height='250px' src='https://www.youtube.com/embed/$link' frameborder='0' allowfullscreen></iframe> </div>"; } ?> <center><h1>Liste vidéos youtube</h1></center></br></br> <div class="row"> <?php echo $video; ?> </div> [/CODE] [CENTER][B][FONT=MyriadPro]Ne tenez pas compte de la class utilisé dans la div elle correspond au placement des vidéos sur la page web. Pour [COLOR=#b30059]résumer[/COLOR] nous [COLOR=#b30059]récupérons[/COLOR] le document [COLOR=#b30059].xml[/COLOR] qui correspond à la chaîne désirée. Nous extrayons la valeur [COLOR=#b30059]id[/COLOR] dans ce cas et nous remplaçons son contenu en [COLOR=#b30059]supprimant [/COLOR]le texte qu'elle contient. Puis nous [COLOR=#b30059]affichons[/COLOR] grâce à notre variable préalablement [COLOR=#b30059]stocké[/COLOR] la vidéo en changeant uniquement la partie se situant à la fin du lien [COLOR=#b30059]youtube[/COLOR]. Pour finir un simple [COLOR=#b30059]echo[/COLOR] de la valeur [COLOR=#b30059]$video[/COLOR] nous affiche les [COLOR=#b30059]9[/COLOR] premières vidéos. Pour résumer ce petit tutoriel vous permet de [/FONT][FONT=MyriadPro-Regular][COLOR=#b30059]récupérer[/COLOR][/FONT][FONT=MyriadPro] les dernières vidéos d'une chaîne ( vous pouvez récupérer toutes les informations contenu dans le .xml pas uniquement l'id ). Tout ceci [COLOR=#b30059]sans utiliser l'api youtube[/COLOR] et avec un code assez [COLOR=#b30059]court [/COLOR]et [COLOR=#b30059]simple[/COLOR]. [/FONT][/B][/CENTER] [B][FONT=MyriadPro] [/FONT][/B] [CENTER][B][FONT=MyriadPro]Voilà j'espère que ce premier tuto vous aura plu.[/FONT] [B][FONT=MyriadPro]N'hésitez pas à laisser votre avis.[/FONT][/B] [FONT=MyriadPro] :tchuss: [/FONT][/B][/CENTER] [/QUOTE]
Insérer les citations…
Vérification
Publier la réponse
Forums
Forums généraux
Informatique
Développement
Récupérer les dernières vidéos youtube d'une chaîne et l'implémenter sur son site
Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
Acceptez
En savoir plus.…
Haut