How to Embed a YouTube Playlist: Difference between revisions

From Open Source Ecology
Jump to navigation Jump to search
No edit summary
No edit summary
 
(One intermediate revision by the same user not shown)
Line 16: Line 16:
See result:
See result:


Initial:
One video:


<html><iframe width="560" height="315" src="https://www.youtube.com/embed/eoYJQ98mmrE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></html>
<html><iframe width="560" height="315" src="https://www.youtube.com/embed/eoYJQ98mmrE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></html>


After replacing video name with list name:
Video playlist - after replacing video name with list name:
 
<html><iframe width="560" height="315" src="https://www.youtube.com/embed/playlist?list=PL6Jpysxw3Ty-5a8InkvPIbbKDx-INHo06" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></html>
<html><iframe width="560" height="315" src="https://www.youtube.com/embed/playlist?list=PL6Jpysxw3Ty-5a8InkvPIbbKDx-INHo06" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></html>
=Notes=
Looks the same. But, you have to click on YouTube in the embed to go to YouTube. Then you will see that the first case takes you to a single video - but the second case takes you to a playlist on the right hand side above the video.

Latest revision as of 17:27, 14 May 2022

https://vidiup.tv/embed-youtube-playlist/

Steps:

  1. Capture standard embed code.
  2. Replace, after /embed/ in URL - with playlist - playlist?list=PL6Jpysxw3Ty-5a8InkvPIbbKDx-INHo06. This playlist URL subpart appears in the URL when you are navigating your playlist.

Example:

<iframe width="560" height="315" src="https://www.youtube.com/embed/eoYJQ98mmrE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Turns to:

<iframe width="560" height="315" src="https://www.youtube.com/embed/playlist?list=PL6Jpysxw3Ty-5a8InkvPIbbKDx-INHo06" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

See result:

One video:

Video playlist - after replacing video name with list name:

Notes

Looks the same. But, you have to click on YouTube in the embed to go to YouTube. Then you will see that the first case takes you to a single video - but the second case takes you to a playlist on the right hand side above the video.