prenex/magcms
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

add youtube support

Browse Source
This commit is contained in:
Adrien Beudin 2017-05-03 16:49:27 +02:00
parent 7f8942f638
commit 1813b8b1ca
2 changed files with 23 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
prosopopee/themes/exposure/static/css/style-page.css
View File

@ -477,3 +477,21 @@ video.responsive-video {
max-width: 100%; max-width: 100%;
height: auto; height: auto;
} }
.youtube-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.youtube-container iframe, .youtube-container object, .youtube-container embed {
position: absolute;
top: 0;
left: 0;
height: 77%;
width: 77%;
margin-left: 11.5%;
margin-right: 11.5%;
}

5
prosopopee/themes/exposure/templates/sections/youtube.html Normal file
View File

@ -0,0 +1,5 @@
<section class="bordered-picture">
<div class="youtube-container">
<iframe width="560" height="315" src="https://www.youtube.com/embed/{{ video_id }}" frameborder="0" allowfullscreen></iframe>
</div>
</section>