niumusicplayer - simple js youtube playlist player

[drakonic]

Hello everyone.

A couple days ago I got a little frustrated that the youtube music player I've been using on my site is a bit annoying to update. It played from a collection of manually pasted titles and video ids. So I decided to try and make it use youtube playlists.
My previous attempt at that, a couple months ago, didn't work out, but now I have made what I wanted! And I wanted to share it.

Here's the link to the music player's repository. There you'll find the script and instructions.

Feel free to share thoughts and feedback

[sig]

Thank you so much, I've been looking for something exactly like this! 

[drakonic]

Happy to to hear that! ^^

[tarraxahum]

Hi! First of all, thanks a lot for sharing your player, it's very simple to install and is the first one that actually works for me

However! I have a question.

Scratch that, now I'm just confused 

I was going to ask for help because the music would autoplay each time I opened the page (and I re-embedded it like three times, yet the problem persisted), but then I just as a second thought decided to make the playlist public instead of unlisted and... it stopped autoplaying?..

...I am very confused but WELL it works now, so just thank you 

[tarraxahum]

...okay, spoke too soon... 

It's quiet when I open the page directly, but for some reason it still fires up if I go BACK to said page by using a nav link from other pages of the site... (or even simply click 'home' while being on it tbh)

So, uh

  SOS 

Should probably clarify that this is happening on Chromium-based Brave, while Firefox, of course, seems to be okay. Still wonder if there's a way to definitedly block autoplay - you never know which browser your visitors are using... Just out of sheer curiosity fired up Edge and yeah, same thing there. 

[drakonic]

Firefox disables autoplay on every site by default. As for other browsers...

The player autoplays by default. I'll add a html attribute toggle, like for shuffling, and turn it off by default. Later, though, 'cause its late over here rn :p

As for now, a fix would be to be remove line 40 of the script, this one:

Code

event.target.playVideo();

Lemme know if that works! And thank you for the kind words and feedback 

[tarraxahum]

It does work! Thank you very much for answering so quickly despite it being late

[LIA]

can we use youtube links or do we have to link a playlist or upload the mp3 files manually?s

[tarraxahum]

can we use youtube links or do we have to link a playlist or upload the mp3 files manually?s

You create a playlist on YouTube out of all the songs you want, and then just embed the playlist ID in the code

Here:



This part:

[LIA]

You create a playlist on YouTube out of all the songs you want, and then just embed the playlist ID in the code

Here:



This part:

thank you so much ^^