J'ai de nombreux clips vidéo youtube, et je me demandais s'il était possible de les intégrer sur le site en tant que liste de lecture youtube, afin que la vidéo suivante commence à être lue automatiquement une fois le clip terminé. Existe-t-il une telle fonctionnalité avec ou sans l'API YouTube? Si ce n’est pas possible, quelle serait la meilleure approche? Merci d'avance.
En fait, il y a deux façons d'intégrer des listes de lecture à partir de YouTube . Dans la première méthode, vous pouvez spécifier directement toutes les vidéos que vous souhaitez lire dans le lecteur intégré.
<iframe width="720" height="405" src="https://www.youtube.com/embed/VIDEO_ID?playlist=VIDEOID_1,VIDEOID_2"frameborder="0" allowfullscreen>
Chaque identifiant vidéo doit être séparé par une virgule.
Deuxièmement, vous pouvez intégrer une liste de lecture déjà présente dans YouTube à l'aide de l'ID de la liste
<iframe width="720" height="405" src="https://www.youtube.com/embed/?listType=playlist&list=PLAYLIST_ID" frameborder="0" allowfullscreen>
J'ai trouvé la solution,
http://www.youtube.com/v/PRIMARYVIDEO_ID?version=3&loop=1&playlist=VIDEO_ID1,VIDEO_ID2
VIDEO_ID1 et VIDEO_ID2 ... sont les vidéos que je souhaite inclure dans la liste de lecture.
https://developers.google.com/youtube/youtube_player_demo
<iframe id="ytplayer" type="text/html" width="100%" height="405"
src="https://www.youtube.com/embed/?listType=playlist&list=PL590L5WQmH8eYTXiTTjzo4YnK7vkCqZTI"
frameborder="0" allowfullscreen>
Vous pouvez simplement utiliser des listes de lecture intégrées.
Voici un exemple d'une de mes listes de lecture!
<iframe width="560" height="315" src="http://www.youtube.com/embed/videoseries?list=PLZtX_kbNpbDjYSUj-huH5pOKxifUNDi1O" frameborder="0" allowfullscreen></iframe>
De plus, vous pouvez utiliser l'API Javascript Player pour créer un comportement personnalisé.
De la youtube docs
Intégrer une playlist
Exemple:
<iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=PLx0sYbCqOb8TBPRdmBHs5Iftvv9TPboYG" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>