Paige
Powerful, pliable pixel perfection

YouTube

Demonstration of the YouTube shortcode.

The paige-youtube shortcode plays a YouTube video.

Basic

Code:

{{< paige-youtube "dQw4w9WgXcQ" >}}

Result:

Autoplay parameter

Code:

{{< paige-youtube autoplay=true video="dQw4w9WgXcQ" >}}

Result:

Controls parameter

Code:

{{< paige-youtube controls=true video="dQw4w9WgXcQ" >}}

Result:

Description parameter

Code:

{{< paige-youtube description="My title" video="dQw4w9WgXcQ" >}}

Result:

End parameter

Code:

{{< paige-youtube end=20 video="dQw4w9WgXcQ" >}}

Result:

Fullscreen parameter

Code:

{{< paige-youtube fullscreen=false video="dQw4w9WgXcQ" >}}

Result:

Height parameter

Code:

{{< paige-youtube height="10rem" video="dQw4w9WgXcQ" >}}

Result:

List parameter

Code:

{{< paige-youtube list="PLOstxpSiJGlClyRnCiubdXJcUvwgHcrVH" video="dQw4w9WgXcQ" >}}

Result:

Loop parameter

Code:

{{< paige-youtube loop=true video="dQw4w9WgXcQ" >}}

Result:

Maxheight parameter

Code:

{{< paige-youtube maxheight="10rem" video="dQw4w9WgXcQ" >}}

Result:

Maxwidth parameter

Code:

{{< paige-youtube maxwidth="50%" video="dQw4w9WgXcQ" >}}

Result:

Mute parameter

Code:

{{< paige-youtube mute=true video="dQw4w9WgXcQ" >}}

Result:

Start parameter

Code:

{{< paige-youtube start=10 video="dQw4w9WgXcQ" >}}

Result:

Video parameter

Code:

{{< paige-youtube video="dQw4w9WgXcQ" >}}

Result:

Width parameter

Code:

{{< paige-youtube video="dQw4w9WgXcQ" width="50%" >}}

Result: