Skip to main content

Youtube Embed

The code snippets below were created by AthenaRebel

Demo Page

Embedding a Specific Video​

<div style="padding-bottom: 56.25%; position: relative;">
<iframe width="100%" height="100%" src="https://www.youtube.com/embed/[ YOUTUBE VIDEO ID HERE ]" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture; fullscreen"  style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;"></iframe>
</div>

Embedding a Livestream​

<iframe width="560" height="315" src="https://www.youtube.com/embed/live_stream?channel=[ CHANNEL ID HERE ]" frameborder="0" allowfullscreen></iframe>
Tip

Make sure to change src=[ YOUTUBE VIDEO ID HERE ] & channel=[ CHANNEL ID HERE ], to your respective YouTube Video ID & Channel ID.

How to find Video ID​

https://youtu.be/g1RJeZ-mJJc?si=-COCvzD4QJE6YUKD Using the URL above, the ID would be "g1RJeZ-mJJc" as it appears before the "?" Find your video and click "share" Copy the URL Paste the URL Find the ID jsut before the "?" in the URL

How to find Channel ID​

https://www.youtube.com/account_advanced Head over to the link above and copy the "Channel ID" not the "User ID"