Last active
February 21, 2023 11:20
-
-
Save vitapluvia/4965972 to your computer and use it in GitHub Desktop.
Youtube Playlist Generator [ Youtube lacks a Bulk-Add Playlist Generator, so here's one to use! : ) ]
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!doctype html> | |
<html> | |
<head> | |
<title> Youtube Playlist Generator </title> | |
<meta charset='utf-8'> | |
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> | |
<style> | |
body { | |
font-family: helvetica; | |
/*margin:25px;*/ | |
background-color:#444; | |
color:#fff; | |
font-size:90%; | |
} | |
a, .nolink{ | |
background:#222; | |
width:90%; | |
padding:8px 5%; | |
/*text-indent:8px;*/ | |
display:block; | |
border-top:1px solid #111; | |
border-bottom:1px solid #111; | |
border-radius:8px; | |
text-align:center; | |
} | |
a:link{color:#fff} | |
a:visited{color:#fff} | |
a:hover{color:#FF3C00} | |
.instructions { | |
margin: auto; | |
display:block; | |
padding:25px; | |
text-align:center; | |
} | |
textarea { | |
width:80%; | |
margin: auto; | |
display:block; | |
padding:4px; | |
background:#333; | |
color:#fff; | |
border:1px solid #eee; | |
} textarea:active,textarea:focus { | |
/*border: 1px solid #FF3300;*/ | |
border: 1px solid #aaa; | |
} | |
.create { | |
margin: auto; | |
display:block; | |
background:#333; | |
color:#fff; | |
padding:4px; | |
border-radius:2px; | |
border:1px solid #aaa; | |
font-size:110%; | |
} | |
#playlistLink { | |
margin: auto; | |
display:block; | |
} | |
</style> | |
</head> | |
<body> | |
<span class="instructions">Paste a list of Youtube URL's below to create a Playlist...</span> | |
<textarea name="youtubeUrls" id="youtubeUrls" cols="30" rows="10"></textarea> | |
<br/><div id="playlistLink"></div><br/> | |
<button class="create">Create Playlist</button> | |
<script type="text/javascript"> | |
/* | |
http://www.youtube.com/watch?v=BuWF4QX8zSo | |
http://www.youtube.com/watch?v=evuwn_7pdPU | |
http://www.youtube.com/watch?v=ihwzG5-W8tE | |
http://www.youtube.com/watch?v=Kevdt1T9daA | |
http://www.youtube.com/watch?v=fh5yJG7No3w | |
http://www.youtube.com/watch?v=jBPpT_DtJLM | |
http://www.youtube.com/watch?v=oKpPd2hDrE4 | |
*/ | |
$('.create').click(function(){ | |
list = $('#youtubeUrls').val().split('\n'); | |
playlist = [] | |
for (str in list) { | |
str = list[str]; | |
if (str.toLowerCase().contains('youtube.com/watch?v=')) { | |
str = str.split('youtube.com\/watch?v=').slice(-1)[0] | |
// console.log(str); | |
playlist.push(str); | |
} | |
} | |
if (playlist != [] && playlist !='' ) { | |
newTab = "target='_blank'"; // If wanted in a new tab // | |
plStr = "http://www.youtube.com/embed/?playlist="+String(playlist) | |
console.log(plStr); | |
$('#playlistLink').html("<a href='"+plStr+"'"+newTab+">"+plStr+"</a>"); | |
} else { | |
$('#playlistLink').html("<span class='nolink'>Add Some Youtube Links! : )</span>"); | |
} | |
}); | |
</script> | |
</body> | |
</html> | |
Hi this code doesn't seem to work. Firstly on line 91, there is no such function as string.contains() in javascript. Moreover when i change it to use string.indexOf() it creates a playlist but the playlist doesn't seem to work.
Unfortunately not working...
Easy. Instead of .contains('...')
, just replace it with .indexOf('...') >= 0
Where do you host this html?
I used the @TerranRich's fix and it works! Thanks a lot for this generator! It's exactly what I needed.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Available on Codepen - http://codepen.io/vitapluvia/full/sADnp