diff --git a/content/section1/page1.md b/content/section1/page1.md
index 4200a2a..4ac75fb 100644
--- a/content/section1/page1.md
+++ b/content/section1/page1.md
@@ -1,3 +1,5 @@
 +++
 title="Page 1"
 +++
+
+{{ video(title="Video title",src="",author="Jane Doe",date="2019-12-24") }}
diff --git a/sass/style.scss b/sass/style.scss
index d5c4d18..7c10a1b 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -69,4 +69,18 @@ body {
 #main {
 	padding: 1.5em;
 	margin-left: 200px;
+
+	.title {
+		font-size: 1.2em;
+		font-weight: bold;
+		margin: 1em 0 .2em 0;
+	}
+
+	.metadata {
+		text-align: right;
+	}
+
+	video {
+		width: 100%;
+	}
 }
diff --git a/templates/shortcodes/document.html b/templates/shortcodes/document.html
new file mode 100644
index 0000000..e69de29
diff --git a/templates/shortcodes/video.html b/templates/shortcodes/video.html
new file mode 100644
index 0000000..9ce6f5d
--- /dev/null
+++ b/templates/shortcodes/video.html
@@ -0,0 +1,4 @@
+{% if title %}<div class="title">{{ title }}</div>{% endif %}
+<video controls><source src="{{ src }}"></video>
+{% if author %}<div class="metadata">{{ author }}</div>{% endif %}
+{% if date %}<div class="metadata">{{ date }}</div>{% endif %}