/video-iframe

How to present videos in markdown files and GitHub Pages

Video iframe

How to present videos in markdown files and GitHub Pages

Here is the link to the video which will walk you through the process documented below

Embedded Video using iFrame

This will only work when your ReadMe page has been converted to GitHub pages

This iFrame code generates embedded video below, remember when it's on the ReadMe and not viewed within the GitHub pages it will just appear as the raw iFrame code.

<iframe width="560" height="315" src="https://www.youtube.com/embed/291ET6Py6H8" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Below will only appear as embedded video when previewed on the GitHub pages otherwise it will just look like this on the ReadMe:

<iframe width="560" height="315" src="https://www.youtube.com/embed/291ET6Py6H8" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Simulating a embedded video on a readme without GitHub pages

Use this process if you want to simulate an embedded video on a GitHub ReadMe, but do not wish to have it output as a GitHub page

[![](vid_placeholder_1.png)](https://youtu.be/291ET6Py6H8)

Alsoo be on the safe side have a direct link to the video underneath, present it like this:

[Direct Link to video](https://youtu.be/291ET6Py6H8)

Then it will appear on the ReadMe as below:

Direct Link to video