add a music player

PAY ATTENTION TO THIS: THIS PART GOES IN THE "HEROES" SECTION!!!

to embed your music, go to YouTube, select a song. copy the URL of the song you want. For example, here's "One Week" by Barenaked Ladies.

https://www.youtube.com/watch?v=cL2IZ6-QvjU

you want to cut out everything but the very last string of letters and numbers, in this case, cL2IZ6-QvjU. copy that and paste it in the bolded section.

<!-- music player -->

<tr>

</tr>

<div style="margin-top: 4px;margin-bottom: -12px;">

<div id="music">

                            <iframe allowfullscreen="" src="https://www.youtube.com/embed/paste it here//?&;amp;;autoplay=1" loading="lazy" width="560" height="315" frameborder="0"></iframe>

                        <div>

                            <span class="song">One Week</span>

                            <span class="artist">Barenaked Ladies</span>

</div>

                    </div>

</div>

PAY ATTENTION TO THIS: THIS NEXT PART GOES IN THE "ABOUT ME" SECTION

<style>

#music {

  position: relative;

  background: url('https://static.tumblr.com/bpdtqce/eNEnoonrt/musicplayer.png') top left no-repeat;

    background-size: auto;

  background-size: auto;

  background-size: 100% 100%;

  overflow: hidden;

  height: 50px;

  max-width: 305px;

  border: 1px solid #000000;

}

#music iframe {

  position: absolute;

  top: 0px;

  height: 47px;

  opacity: 0.00000000000000000000000001;

  z-index: 0;

  left: 0px;

}

#music div {

  position: absolute;

  top: 10px;

  left: 55px;

  width: 51%;

  margin: 0 !important;

}

#music span {

  display: block;

  color: #FFFFFF;

  font-weight: normal;

  text-align: left;

  font-size: 12px;

  width: 240px;

}

</style>