Adds video capability (#2354)
Signed-off-by: Fanit Kolchina <kolchfa@amazon.com>
This commit is contained in:
parent
158a4fd5c1
commit
850ce482b9
|
@ -0,0 +1,15 @@
|
||||||
|
<!--
|
||||||
|
Copyright (c) 2020 Nathan Lam
|
||||||
|
https://github.com/nathancy/jekyll-embed-video
|
||||||
|
-->
|
||||||
|
|
||||||
|
<div class="embed-container">
|
||||||
|
<iframe
|
||||||
|
src="https://www.youtube.com/embed/{{ include.id }}"
|
||||||
|
width="640"
|
||||||
|
height="385"
|
||||||
|
frameborder="0"
|
||||||
|
allowfullscreen="true"
|
||||||
|
allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture">
|
||||||
|
</iframe>
|
||||||
|
</div>
|
|
@ -0,0 +1,20 @@
|
||||||
|
/*
|
||||||
|
Copyright (c) 2020 Nathan Lam
|
||||||
|
https://github.com/nathancy/jekyll-embed-video
|
||||||
|
*/
|
||||||
|
|
||||||
|
.embed-container {
|
||||||
|
position: relative;
|
||||||
|
padding-bottom: 56.25%;
|
||||||
|
height: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.embed-container iframe, .embed-container object, .embed-container embed {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
Loading…
Reference in New Issue