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
 
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>
Line 26: Line 26:
=Notes=
=Notes=


Looks the same. But, you have to click on YouTube in the embed to go to YouTube.
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.