paige-hugo/exampleSite/content/shortcodes/youtube.md

authors	categories	description	tags	title
will-faught	paige shortcodes	Demonstration of the Paige YouTube shortcode.	videos youtube	YouTube Shortcode

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

Basic

Code:

{{</* paige/youtube "dQw4w9WgXcQ" */>}}

Result:

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

Autoplay parameter

Code:

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

Result:

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

Controls parameter

Code:

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

Result:

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

Description parameter

Code:

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

Result:

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

End parameter

Code:

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

Result:

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

Fullscreen parameter

Code:

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

Result:

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

Height parameter

Code:

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

Result:

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

List parameter

Code:

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

Result:

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

Loop parameter

Code:

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

Result:

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

Maxheight parameter

Code:

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

Result:

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

Maxwidth parameter

Code:

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

Result:

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

Mute parameter

Code:

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

Result:

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

Start parameter

Code:

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

Result:

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

Video parameter

Code:

{{</* paige/youtube video="dQw4w9WgXcQ" */>}}

Result:

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

Width parameter

Code:

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

Result:

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

Figure

Code:

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

Result:

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