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