Putting JS script inside of an HTML table?

[tarraxahum]

I honestly don't know how to formulate that title any better than this.

So here's the thing. There's this music player for tumblr themes and websites, SCM Music Player. Great thing, lets you choose a skin or even build your own, lets you create a playlist using YouTube videos (which means you don't have to upload mp3s anywhere), etc.

And I had this brilliant idea to have multiple of such players on a page by sticking them inside separate sections of an HTML table.

Well, what I'm quickly learning is that the script for the SCM player is coded in a way that it can only stick to the top or the bottom of the whole page, and putting the script code inside the td section of the table code does nothing to change that.

Which is where I'm faced with the brutal realization that I don't know JS that well (I'm mostly at "putting bricks of pre-made code together" stage of my website making experience…) to know how to do the thing I want to do.

For context, the code for the player looks like this:

Code

<!-- SCM Music Player https://www.scmplayer.net -->
<script type="text/javascript" src="https://www.scmplayer.net/script.js" 
data-config="{'skin':'skins/cyber/skin.css','volume':50,'autoplay':false,'shuffle':false,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'VALKILLY -TOKYO RED (HUBRID Remix)','url':'
 in Reverse-Zombified','url':'
 ></script>
<!-- SCM Music Player script end -->

And the corresponding script goes thusly and scares my newbie butt with its complexity.

And what I had in my head before I got the reality check looks like this (roughly mocked up; the table is borderless but basically every element is in its own section, this is a 3x2 table):



Soooo this is the point where I gesture to all of this helplessly and ask if anyone would be so kind and point me to whatever could be done with the table code or the script (suppose I could download it to tweak) to make my vision come true and squish the player in that table frame.

Or to some other way to make a YouTube powered music player that could be squished into a table more easily.

Or just tell me that I'm in over my head, that works too!

[Melooon]

Iv not looked at the code much - it looks annoying but a super hacky solution that should totally work would be to put an iFrame in each player box of your table and then have the separate players in separate html files in your iframes. They'd be forced into the table because they'd be forced to stay inside their iframes! You'd have to fiddle a bit to make it look cohesive but I think it should work without too much trouble as long as you get the sizes right.

[cinni]

not that i have a solution, but i found from personal experience that scmplayer does not work in iframes

edit: upon searching i found this! https://github.com/blackle/blamscamp looks like it could be right up your alley, i'll hafta look further into it

[tarraxahum]

Okay I'm back, can confirm, scmplayer does not work in iframes

looks like it could be right up your alley, i'll hafta look further into it

I will look into it, thanks! From what I see at the first glance it still uses mp3s stored on the website or elsewhere, and I'd hoped to cheat the system with SCM's ability to play from YouTube, but maybe I just need to bite the bullet and load some songs onto a dropbox