How to Embed a YouTube Playlist: Difference between revisions
(Created page with "https://vidiup.tv/embed-youtube-playlist/ Steps: #Capture standard embed code. #Replace, after /embed/ in URL - with playlist - playlist?list=PL6Jpysxw3Ty-5a8InkvPIbbKDx-INH...") |
No edit summary |
||
| (5 intermediate revisions by the same user not shown) | |||
| Line 4: | Line 4: | ||
#Capture standard embed code. | #Capture standard embed code. | ||
#Replace, after /embed/ in URL - with playlist - playlist?list=PL6Jpysxw3Ty-5a8InkvPIbbKDx-INHo06 | #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: | Example: | ||
<nowiki><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></nowiki> | <nowiki><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></nowiki> | ||
Turns to: | |||
<nowiki><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></nowiki> | |||
See result: | |||
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> | |||
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> | |||
=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:
- Capture standard embed code.
- 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.