[F2U] Code Snippets (Playlist Box)

subject404

Profile


You'll Be In My Heart by Phil Collins

Safe & Sound by Brittin Lane

Close Your Eyes by Digital Daggers

Flying Without Wings by Westlife

How Do You Feel Today? by Gabrielle Aplin

Lullaby by Nickelback

I'll Fight by Daughtry

Emergency by Paramore

Angel With A Shotgun by The Cab

Guardian Angel by Abandon All Ships

<div class="mx-auto mb-4 bg-warning rounded" style="border: .5em double white;">

     <div class="py-1 mb-1" style="height:270px; overflow: auto; line-height: 1.55em; font-size: 10px; font-weight: bold;">

          <div class="pt-2 px-2 mt-1 mr-1 d-flex justify-content-between rounded" style="background: white; border: 1px solid black;">

               <p class="mt-2">Track 1</p><span class="mr-0 fr-video fr-fvc fr-dvi fr-draggable" contenteditable="true"><iframe style="border: thick solid white; border-radius: 5em; height: 25px; width: 25px; box-shadow: 0 0 0 1px black;" src="https://www.youtube.com/embed/Track 1 Embed URL"></iframe></span></div>

          <div class="pt-2 px-2 mt-1 mr-1 d-flex justify-content-between rounded" style="background: white; border: 1px solid black;">

               <p class="mt-2">Track 2</p><span class="mr-0 fr-video fr-fvc fr-dvi fr-draggable" contenteditable="true"><iframe style="border: thick solid white; border-radius: 5em; height: 25px; width: 25px; box-shadow: 0 0 0 1px black;" src="https://www.youtube.com/embed/Track 2 Embed URL"></iframe></span></div>

          <div class="pt-2 px-2 mt-1 mr-1 d-flex justify-content-between rounded" style="background: white; border: 1px solid black;">

               <p class="mt-2">Track 3</p><span class="mr-0 fr-video fr-fvc fr-dvi fr-draggable" contenteditable="true"><iframe style="border: thick solid white; border-radius: 5em; height: 25px; width: 25px; box-shadow: 0 0 0 1px black;" src="https://www.youtube.com/embed/Track 3 Embed URL"></iframe></span></div>

          <div class="pt-2 px-2 mt-1 mr-1 d-flex justify-content-between rounded" style="background: white; border: 1px solid black;">

               <p class="mt-2">Track 4</p><span class="mr-0 fr-video fr-fvc fr-dvi fr-draggable" contenteditable="true"><iframe style="border: thick solid white; border-radius: 5em; height: 25px; width: 25px; box-shadow: 0 0 0 1px black;" src="https://www.youtube.com/embed/Track 4 Embed URL"></iframe></span></div>

          <div class="pt-2 px-2 mt-1 mr-1 d-flex justify-content-between rounded" style="background: white; border: 1px solid black;">

               <p class="mt-2">Track 5</p><span class="mr-0 fr-video fr-fvc fr-dvi fr-draggable" contenteditable="true"><iframe style="border: thick solid white; border-radius: 5em; height: 25px; width: 25px; box-shadow: 0 0 0 1px black;" src="https://www.youtube.com/embed/Track 5 Embed URL"></iframe></span></div>

          <div class="pt-2 px-2 mt-1 mr-1 d-flex justify-content-between rounded" style="background: white; border: 1px solid black;">

               <p class="mt-2">Track 6</p><span class="mr-0 fr-video fr-fvc fr-dvi fr-draggable" contenteditable="true"><iframe style="border: thick solid white; border-radius: 5em; height: 25px; width: 25px; box-shadow: 0 0 0 1px black;" src="https://www.youtube.com/embed/Track 6 Embed URL"></iframe></span></div>

          <div class="pt-2 px-2 mt-1 mr-1 d-flex justify-content-between rounded" style="background: white; border: 1px solid black;">

               <p class="mt-2">Track 7</p><span class="mr-0 fr-video fr-fvc fr-dvi fr-draggable" contenteditable="true"><iframe style="border: thick solid white; border-radius: 5em; height: 25px; width: 25px; box-shadow: 0 0 0 1px black;" src="https://www.youtube.com/embed/Track 7 Embed URL"></iframe></span></div>

          <div class="pt-2 px-2 mt-1 mr-1 d-flex justify-content-between rounded" style="background: white; border: 1px solid black;">

               <p class="mt-2">Track 8</p><span class="mr-0 fr-video fr-fvc fr-dvi fr-draggable" contenteditable="true"><iframe style="border: thick solid white; border-radius: 5em; height: 25px; width: 25px; box-shadow: 0 0 0 1px black;" src="https://www.youtube.com/embed/Track 8 Embed URL"></iframe></span></div>

          <div class="pt-2 px-2 mt-1 mr-1 d-flex justify-content-between rounded" style="background: white; border: 1px solid black;">

               <p class="mt-2">Track 9</p><span class="mr-0 fr-video fr-fvc fr-dvi fr-draggable" contenteditable="true"><iframe style="border: thick solid white; border-radius: 5em; height: 25px; width: 25px; box-shadow: 0 0 0 1px black;" src="https://www.youtube.com/embed/Track 9 Embed URL"></iframe></span></div>

          <div class="pt-2 px-2 mt-1 mr-1 d-flex justify-content-between rounded" style="background: white; border: 1px solid black;">

               <p class="mt-2">Track 10</p><span class="mr-0 fr-video fr-fvc fr-dvi fr-draggable" contenteditable="true"><iframe style="border: thick solid white; border-radius: 5em; height: 25px; width: 25px; box-shadow: 0 0 0 1px black;" src="https://www.youtube.com/embed/Track 10 Embed URL"></iframe></span></div>

     </div>

</div>