To extract all the video IDs from a YouTube playlist. Open the playlist page, scroll down to the bottom, click load more, repeat until the end, then open Console and paste this code. Output is a list of video IDs from the page.

youtube-extract-ids-from-playlist.js

var els = document.getElementsByClassName('pl-video');

for(i = 0; i < els.length; i++) {
	var el = els[i];
	if(el) {
		var src = el.getElementsByClassName('yt-thumb-clip')[0].getElementsByTagName('img')[0].src;
		if(!src.match(/\.com\/vi\//g)) { continue; }
		var id = src.split('.com/vi/')[1].split('/')[0];
		console.log(id);
	}
}

Great currently using the official youtube data api to get the work done

var els = document.getElementsByClassName('yt-simple-endpoint style-scope ytd-playlist-video-renderer');
var show="";
for(i = 0;i<els.length;i++){
    var el = els[i];
	show += (el.href.split('?v=')[1].split('&list')[0] + "\n");
}
console.log(show);

i used this

Work thanks

Much appreciated! I modified it a bit for a playlist with Shorts:

var els = document.getElementsByClassName('reel-item-endpoint');

for(i = 0; i < els.length; i++) {
	var el = els[i];
	if(el) {
		if (!el.href || !el.href.match(/shorts\/([a-zA-Z0-9_-]+)$/)) {
			continue;
		}
		var id = el.href.split('/shorts/')[1].split('/')[0];
		console.log(id);
	}
}

Or if you want it as one comma-separated output

var els = document.getElementsByClassName('reel-item-endpoint');
var ids = [];
for(i = 0; i < els.length; i++) {
	var el = els[i];
	if(el) {
		if (!el.href || !el.href.match(/shorts\/([a-zA-Z0-9_-]+)$/)) {
			continue;
		}
		ids.push(el.href.split('/shorts/')[1].split('/')[0]);
	}
}
console.log(ids.join(','));