We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
There was an error while loading. Please reload this page.
1 parent f29814b commit 86efbe9Copy full SHA for 86efbe9
_includes/Youtube/index.js
_includes/Youtube/styles.css
@@ -0,0 +1,18 @@
1
+.embed-container {
2
+ position: relative;
3
+ padding-bottom: 56.25%;
4
+ height: 0;
5
+ overflow: hidden;
6
+ max-width: 100%;
7
+}
8
+
9
+.embed-container iframe,
10
+.embed-container object,
11
+.embed-container embed {
12
+ position: absolute;
13
+ top: 0;
14
+ left: 0;
15
+ width: 100%;
16
+ height: 100%;
17
18
_includes/Youtube/styles.js
_includes/Youtube/youtube.html
@@ -0,0 +1,11 @@
+<link rel="stylesheet" href="styles.css">
+<div class="embed-container">
+ <iframe
+ width="640"
+ height="390"
+ src="https://www.youtube.com/embed/{{ include.id }}"
+ frameborder="0"
+ allowfullscreen
+ ></iframe>
+</div>
0 commit comments