You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
43 lines
1.1 KiB
43 lines
1.1 KiB
<div class="section section_border">
|
|
<div class="section__center center center_sm">
|
|
<div class="content-block title">
|
|
{{ content.title }}
|
|
</div>
|
|
<div class="iframe__container">
|
|
{% if 'youtube.com' in content.url or 'youtu.be' in content.url %}
|
|
<iframe src="https://www.youtube.com/embed/{{ content.video_index }}" frameborder="0" allow="autoplay; encrypted-media"
|
|
allowfullscreen></iframe>
|
|
{% elif 'vimeo.com' in content.url %}
|
|
<iframe src="https://player.vimeo.com/video/{{ content.video_index }}" frameborder="0" webkitallowfullscreen
|
|
mozallowfullscreen allowfullscreen>
|
|
</iframe>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
@media only screen and (max-width: 639px) {
|
|
iframe {
|
|
width: 100%;
|
|
height: 240px;
|
|
}
|
|
|
|
.iframe__container {
|
|
text-align: center;
|
|
width: 100%;
|
|
padding-bottom: 56.25%;
|
|
margin-bottom: -56.25%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 640px) {
|
|
.iframe__container {
|
|
text-align: center;
|
|
}
|
|
iframe {
|
|
width: 640px;
|
|
height: 360px;
|
|
}
|
|
}
|
|
</style> |