Embed YouTube to site

View Source Code

This components provides a shortcut of embedding video from YouTube from the site.

Embedded YouTube video
Embedded YouTube video

Embedded video frame is responsive and will change when the page resizes.


Add the reference to _assets/styles/youtube.css style into the HTML head

    <link rel="stylesheet" type="text/css" href="/_assets/styles/youtube.css" />

Refer include and specify the video id.

{% youtube id: VIDEO_ID  %}

Video ID can be found in the YouTube url

ID of YouTube video
ID of YouTube video

This component is included into the user guide theme and blog theme

Powered by Docify