paige-hugo/example/content/shortcodes/vimeo.md

+++ authors = ["author-demo"] categories = ["paige", "shortcodes"] description = "Demonstration of the Vimeo shortcode." tags = ["videos", "vimeo"] title = "Vimeo" +++

The paige/vimeo shortcode plays a Vimeo video.

Basic

Code:

{{</* paige/vimeo "644036051" */>}}

Result:

{{< paige/vimeo "644036051" >}}

Autopause parameter

Code:

{{</* paige/vimeo autopause=false video="644036051" */>}}

Result:

{{< paige/vimeo autopause=false video="644036051" >}}

Autoplay parameter

Code:

{{</* paige/vimeo autoplay=true video="644036051" */>}}

Result:

{{< paige/vimeo autoplay=true video="644036051" >}}

Background parameter

Code:

{{</* paige/vimeo background=true video="644036051" */>}}

Result:

{{< paige/vimeo background=true video="644036051" >}}

Byline parameter

Code:

{{</* paige/vimeo byline=false video="644036051" */>}}

Result:

{{< paige/vimeo byline=false video="644036051" >}}

Color parameter

Code:

{{</* paige/vimeo color="ff0000" video="644036051" */>}}

Result:

{{< paige/vimeo color="ff0000" video="644036051" >}}

Controls parameter

Code:

{{</* paige/vimeo controls=false video="644036051" */>}}

Result:

{{< paige/vimeo controls=false video="644036051" >}}

Description parameter

Code:

{{</* paige/vimeo description="My description" video="644036051" */>}}

Result:

{{< paige/vimeo description="My description" video="644036051" >}}

DNT parameter

Code:

{{</* paige/vimeo dnt=true video="644036051" */>}}

Result:

{{< paige/vimeo dnt=true video="644036051" >}}

Fullscreen parameter

Code:

{{</* paige/vimeo fullscreen=false video="644036051" */>}}

Result:

{{< paige/vimeo fullscreen=false video="644036051" >}}

Height parameter

Code:

{{</* paige/vimeo height="10rem" video="644036051" */>}}

Result:

{{< paige/vimeo height="10rem" video="644036051" >}}

Keyboard parameter

Code:

{{</* paige/vimeo keyboard=false video="644036051" */>}}

Result:

{{< paige/vimeo keyboard=false video="644036051" >}}

Loop parameter

Code:

{{</* paige/vimeo loop=true video="644036051" */>}}

Result:

{{< paige/vimeo loop=true video="644036051" >}}

Maxheight parameter

Code:

{{</* paige/vimeo maxheight="10rem" video="644036051" */>}}

Result:

{{< paige/vimeo maxheight="10rem" video="644036051" >}}

Maxwidth parameter

Code:

{{</* paige/vimeo maxwidth="50%" video="644036051" */>}}

Result:

{{< paige/vimeo maxwidth="50%" video="644036051" >}}

Muted parameter

Code:

{{</* paige/vimeo muted=true video="644036051" */>}}

Result:

{{< paige/vimeo muted=true video="644036051" >}}

PIP parameter

Code:

{{</* paige/vimeo pip=true video="644036051" */>}}

Result:

{{< paige/vimeo pip=true video="644036051" >}}

Playsinline parameter

Code:

{{</* paige/vimeo playsinline=false video="644036051" */>}}

Result:

{{< paige/vimeo playsinline=false video="644036051" >}}

Portrait parameter

Code:

{{</* paige/vimeo portrait=false video="644036051" */>}}

Result:

{{< paige/vimeo portrait=false video="644036051" >}}

Quality parameter

Code:

{{</* paige/vimeo quality="720p" video="644036051" */>}}

Result:

{{< paige/vimeo quality="720p" video="644036051" >}}

Speed parameter

Code:

{{</* paige/vimeo speed=true video="644036051" */>}}

Result:

{{< paige/vimeo speed=true video="644036051" >}}

Texttrack parameter

Code:

{{</* paige/vimeo texttrack=true video="644036051" */>}}

Result:

{{< paige/vimeo texttrack=true video="644036051" >}}

Time parameter

Code:

{{</* paige/vimeo time="1m2s" video="644036051" */>}}

Result:

{{< paige/vimeo time="1m2s" video="644036051" >}}

Title parameter

Code:

{{</* paige/vimeo title=false video="644036051" */>}}

Result:

{{< paige/vimeo title=false video="644036051" >}}

Transparent parameter

Code:

{{</* paige/vimeo transparent=false video="644036051" */>}}

Result:

{{< paige/vimeo transparent=false video="644036051" >}}

Video parameter

Code:

{{</* paige/vimeo video="644036051" */>}}

Result:

{{< paige/vimeo video="644036051" >}}

Width parameter

Code:

{{</* paige/vimeo video="644036051" width="50%" */>}}

Result:

{{< paige/vimeo video="644036051" width="50%" >}}

Figure

Code:

{{</* paige/figure caption="Vimeo" */>}}
{{</* paige/vimeo video="644036051" */>}}
{{</* /paige/figure */>}}

Result:

{{< paige/figure caption="Vimeo" >}} {{< paige/vimeo video="644036051" >}} {{< /paige/figure >}}