diff --git a/layouts/shortcodes/video.html b/layouts/shortcodes/video.html
new file mode 100644
index 0000000..784c3a7
--- /dev/null
+++ b/layouts/shortcodes/video.html
@@ -0,0 +1,11 @@
+<div class="ratio ratio-{{ with .Get "ratio" }}{{.}}{{ end }}">
+  <video{{ with .Get "attributes" }} {{ . | safeHTMLAttr }}{{ end }}>
+    {{ with .Get "webm-src" -}}
+    <source src="{{ . | relURL }}" type="video/webm">
+    {{ end -}}
+    {{ with .Get "mp4-src" -}}
+    <source src="{{ . | relURL }}" type="video/mp4">
+    {{ end -}}
+    Sorry, your browser doesn't support embedded videos.
+  </video>
+</div>
diff --git a/static/videos/flower.mp4 b/static/videos/flower.mp4
new file mode 100644
index 0000000..bd91051
Binary files /dev/null and b/static/videos/flower.mp4 differ
diff --git a/static/videos/flower.webm b/static/videos/flower.webm
new file mode 100644
index 0000000..5b8edf7
Binary files /dev/null and b/static/videos/flower.webm differ