Paige

Powerful, pliable pixel perfection

YouTube Shortcode

Demonstration of the Paige YouTube shortcode.

paige shortcodes videos youtube

Paige provides a paige/youtube shortcode for playing YouTube videos.

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:

Figure #

Code:

{{< paige/figure caption="YouTube" >}}
{{< paige/youtube video="dQw4w9WgXcQ" >}}
{{< /paige/figure >}}

Result:

YouTube