music player thingy i made

Right so I've never made these things before but I wanna share this with people lol

So here's what it looks like basically

Song Playing: In Circles - Sunny Day Real Estate

You can of course change the song and everything.

Below I will show that:


<!-- layout created by https://spacehey.com/profile?id=4523584 -->

<p style="border:5px solid gray;padding:5px;width:400px;height:150px;text-align:justify;background-color:black;color:white;">

Song Playing: SONGNAME - ARTIST (you can do this the other way round if you like obvs)

<br/>

<a href="YOUTUBE VIDEO HYPERLINK"><img src="ALBUM/EP/SINGLE COVER IMAGE WIKIPEDIA IS A GOOD WEBSITE FOR THEM" width="110" height="110"/></a>

<iframe width="250" height="110" src="https://www.youtube.com/embed/END OF VIDEO LINK PREFERABLY MUSIC VIDEO BUT IT DOESNT MATTER?autoplay=1" allow="autoplay"> 

</iframe></p>


You can also change the colours of the box holding the content and everything.

Below I will show a example of that: 

Song Playing: In Circles - Sunny Day Real Estate

Ignore how eye frying it looks this is just a example lmao

Here is the code used for this to show you where everything is:


<!-- layout created by https://spacehey.com/profile?id=4523584 -->

<p style="border:5px solid blue;padding:5px;width:400px;height:150px;text-align:justify;background-color:cyan;color:white;">

Song Playing: In Circles - Sunny Day Real Estate

<br>

<a href="https://www.youtube.com/watch?v=41YqzHoCgk4"><img src="https://upload.wikimedia.org/wikipedia/en/a/a6/Sunny_Day_Real_Estate_-_Diary.jpg" width="110" height="110"></a>

<iframe width="250" height="110" src="https://www.youtube.com/embed/41YqzHoCgk4?autoplay=1" allow="autoplay"> 

</iframe></p>


Here is where to put the code the bit before was so you can visualise it better!:


<!-- layout created by https://spacehey.com/profile?id=4523584 -->

<p style="border:5px solid BORDER COLOUR;padding:5px;width:400px;height:150px;text-align:justify;background-color:INSIDE COLOUR OF THE BOX;color:TEXT COLOUR;">

Song Playing: song name - artist (can be the other way round if you like obvs)

<br>

<a href="YOUTUBE VIDEO LINK"><img src="ALBUM/EP/SINGLE COVER IMAGE WIKIPEDIA IS A GOOD PLACE TO FIND THEM" width="110" height="110"></a>

<iframe width="250" height="110" src="https://www.youtube.com/embed/LAST PART OF YT URL?autoplay=1" allow="autoplay"> 

</iframe></p>


PLEASE TELL ME IF ANYTHINGS BROKEN!!!

IM NOT VERY GOOD AT HTML THIS IS JUST SOMETHING I MANAGED TO DO WITH SOME PLAYING ABOUT!


5 Kudos

Comments

Displaying 1 of 1 comments ( View all | Add Comment )

ilymikeyway

ilymikeyway's profile picture

OMG WAIT IMA USE THAT


Report Comment



AYYYY

by Franklero (pen); ; Report