diff --git a/source/_patterns/04-components/remote-video/_remote-video.scss b/source/_patterns/04-components/remote-video/_remote-video.scss
new file mode 100644
index 0000000000000000000000000000000000000000..caa78ca2ce40855a86b9b48f9ab7e69ecdf4d08b
--- /dev/null
+++ b/source/_patterns/04-components/remote-video/_remote-video.scss
@@ -0,0 +1,15 @@
+.uw-remote-video {
+  &__wrapper {
+    margin-left: auto;
+    margin-right: auto;
+    text-align: center;
+  }
+
+  &__wrapper.uw-contained-width {
+    @include uw-contained-width;
+  }
+
+  .media-oembed-content {
+    width: 100%;
+  }
+}
diff --git a/source/_patterns/04-components/remote-video/remote-video.twig b/source/_patterns/04-components/remote-video/remote-video.twig
new file mode 100644
index 0000000000000000000000000000000000000000..ebf89e4d5e645fbbf1061320ae0d711cebe097e5
--- /dev/null
+++ b/source/_patterns/04-components/remote-video/remote-video.twig
@@ -0,0 +1,6 @@
+<div class="uw-remote-video">
+  <div class="uw-remote-video__wrapper {{ width }}">
+    {% block content %}
+    {% endblock %}
+  </div>
+</div>
diff --git a/source/_patterns/04-components/remote-video/remote-video.yml b/source/_patterns/04-components/remote-video/remote-video.yml
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391