embed video with iframe

3 years ago · 44621e9e72
3 changed files with 11 additions and 3 deletions
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,3 @@
+*.css
+*.css.map
+
--- a/src/css/master.scss
+++ b/src/css/master.scss
@ -0,0 +1,6 @@
+iframe.video {
+  $width: 100vw - 5vw;
+  display: block;
+  width: $width;
+  height: 9 * $width / 16;
+}
--- a/src/index.html
+++ b/src/index.html
@ -4,7 +4,7 @@
  <head>
    <meta charset="utf-8">
    <title></title>
-    <link rel="stylesheet" href="/css/master.css">
+    <link rel="stylesheet" href="css/master.css">
  </head>

  <body>
@ -27,8 +27,7 @@
      </section>

      <section id="two">
-        <h2>Get an impression</h2>
-        <iframe width="420" height="345"
+        <iframe id="video" class="video"
          src="https://www.youtube.com/embed/v4enYB8IwwE">
        </iframe>
      </section>