Video Slides

David Russell edited this page Mar 7, 2018 · 8 revisions

NOTE: GitHub, GitLab and Bitbucket are not designed to be used as CDNs so embedding background videos found at a relative URLs within a Git repo is not supported. See the Asset Management page for some alternatives.

There are two ways to embed videos within a GitPitch presentation:

  1. Slide Inline Videos
  2. Slide Background Videos

Slide Inline Videos

GitPitch works a little magic so standard Markdown image syntax can also be used to embed YouTube, Vimeo, MP4 and WebM videos within any slide. For a quick reference on image syntax see the Mastering Markdown Guide.

Here is an example that demonstrates how to embed a YouTube video:

![Video](https://www.youtube.com/embed/mkiDkkdGGAQ)

Here is an example that demonstrates how to embed a Vimeo video:

![Video](https://player.vimeo.com/video/111525512)

And finally, here is an example that demonstrates how to embed an arbitrary MP4 video:

![Cartoon](http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4)

A video embedded in this way will appear inline, optionally surrounded by additional markdown content on the slide.

NOTE: GitHub, GitLab and Bitbucket are not intended to be used as CDNs so embedding videos found at a relative URL within a Git repo is strongly discouraged. See the Asset Management page for some alternatives.

Slide Background Videos

Slide background videos are another feature powered by standard Markdown but unique to GitPitch. GitPitch supports MP4 and WebM background videos. Background videos scale to fill the entire background of any slide on which they are defined. This can provide an optimal viewing experience.

To embed a background video within a GitPitch slide simply specify a video value when declaring a slide delimiter in your PITCHME.md markdown file.

Here is an example that demonstrates how to embed an MP$ video as a slide background:

---?video=http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4

A video embedded in this way will appear to fill the entire slide. Typically such usage does not encourage additional markdown content on the slide.

NOTE: GitHub, GitLab and Bitbucket are not intended to be used as CDNs so embedding background videos found at a relative URL within a Git repo are not supported. See the Asset Management page for some alternatives.