🍀 Jam [Tweek]'s profile picture

Published by

published
updated

Category: Web, HTML, Tech

View Blog View Profile Report Blog Entry

📺 How to add YouTube videos directly to your profile! (3 ways)

heads up! there's a video playing on autoplay in this blog. hope it doesn't startle you!! but... it's a really good song x3. lol

Here are 3 ways to do it!!

[All the videos are different so you can see how it works] no sabía q poner lol


1. Standard video player, starts on click (with audio)

<div style="width: 300px; height: 180px; position: relative; overflow: hidden; margin: 10px 0;">

  <iframe id="ytplayer" src="https://www.youtube.com/embed/🍀CODE🍀?controls=1&rel=0&playsinline=1&enablejsapi=1" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;" allow="encrypted-media" allowfullscreen="">

  </iframe>

</div>


2. Autoplay without audio (muted)

<div style="width: 300px; height: 180px; position: relative; overflow: hidden; margin: 10px 0;">

  <iframe id="ytplayer" src="https://www.youtube.com/embed/🍀CODE🍀?autoplay=1&mute=1&controls=0&rel=0&playsinline=1&enablejsapi=1" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;" allow="autoplay; encrypted-media" allowfullscreen="">

  </iframe>

</div>


3. Autoplay with audio

<div style="width: 300px; height: 180px; position: relative; overflow: hidden; margin: 10px 0;">

  <iframe id="ytplayer" src="https://www.youtube.com/embed/🍀CODE🍀?autoplay=1&controls=0&rel=0&playsinline=1&enablejsapi=1" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;" allow="autoplay; encrypted-media" allowfullscreen="">

  </iframe>

</d iv>


You can pause each video :b

Cambio de tamaño - To change the sizes you just have to change width: 300px; (Ancho) and height: 180px; (Altura) to adjust it.

    How does it work/edit??

To put any video you want, replace [🍀CODE🍀] with the video's embed code ⏬ 

  If you don't know how to get the embed code of a video, here is a blog where I explain how to do it! >>  Here!!


Eeh ni idea, espero sea d ayuda :3 lo que es no tener q hacer

[If there is any problem you can comment!!]


7 Kudos

—

Comments

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