Adds video capability (#2354)

Signed-off-by: Fanit Kolchina <kolchfa@amazon.com>
This commit is contained in:
kolchfa-aws 2023-02-08 18:44:26 -05:00 committed by GitHub
parent 158a4fd5c1
commit 850ce482b9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 35 additions and 0 deletions

View File

@ -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>

20
_sass/_web-embed.scss Normal file
View File

@ -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%;
}