Playlist 3

<!---------------------------------------------

           Playlist 3 by Bakuqou
        follow the guides properly

     can be used in f2u, p2u and customs

     make sure you post the /playlist id/
    you don't have to credit, but if you use
    this in any codes, please include it so
            others can use it too

---------------------------------------------->
<div class="card rounded-0 p-2">
<div class="row no-gutters mt-2 mb-0">
      <div class="col-1 p-1">

  <a class="p-0 mt-2 btn btn-outline-dark melody-embed" style="border:0;position:relative;height:1.5rem;width:1.5rem;z-index:2;color:#999;">

<!---- playlist ID

it's the code on the end of your playlist link that starts with PL
screenshot reference: http://prntscr.com/r3bq9m

----->
     <iframe style="opacity:.01;position:absolute;left:0;right:0;top:0;bottom:0;" class="h-100 w-100"
      src="

      https://www.youtube.com/embed/videoseries?list=PLAYLIST_ID

      " frameborder="0"></iframe>
      <i class="fas fa-play fa-fw fa-2x" style="z-index:-1;position:absolute;left:0;top:0;font-size:1rem;text-align:center;height:100%;width:100%;"></i>
      </a></div>

      <!--- line --->
      <div class="col-6 p-1">
      <hr class="mt-3 p-1">  </div>


      <!--- SONG INFO --->
      <div class="col-5 p-1 text-center mt-1">

      <!--- PLAYLIST CAROUSEL --->

      <div id="carousel1" class="carousel slide mx-auto p-0 mb-0" data-ride="carousel" style="color:#999;">
  <div class="carousel-inner">
    <!---- SONG INFO ---->
    <div class="carousel-item active text-truncate">
      SONG - ARTIST
    </div>

    <!---- SONG INFO ---->
    <div class="carousel-item text-truncate">
      SONG - ARTIST
    </div>

    <!---- SONG INFO ---->
    <div class="carousel-item text-truncate">
      SONG - ARTIST
    </div>

    <!--- put more songs before this line --->
  </div>
</div>



      </div>
        </div>

        <!--- end music player --->