steffen/website
1
0
Fork 0
Code Actions Packages Releases Activity

Add page hero video for vimeo/youtube using embedresponsively.com code (#788)

Browse Source
This commit is contained in:
Justin Too
2017-01-24 06:29:34 -08:00
committed by Michael Rose
parent 22a4b3d0b7
commit 65a6654582
10 changed files with 146 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
_includes/page__hero_video.html Normal file
View File

@ -0,0 +1,4 @@
{% capture video_id %}{{ page.header.video.id }}{% endcapture %}
{% capture video_provider %}{{ page.header.video.provider }}{% endcapture %}
{% include responsive_video id=video_id provider=video_provider %}

11
_includes/responsive_video Normal file
View File

@ -0,0 +1,11 @@
{% capture video_id %}{{ include.id }}{% endcapture %}
{% capture video_provider %}{{ include.provider }}{% endcapture %}
<!-- Courtesy of embedresponsively.com //-->
<div class="responsive-video-container">
{% if video_provider == "vimeo" %}
<iframe src="http://player.vimeo.com/video/{{ video_id }}" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
{% elsif video_provider == "youtube" %}
<iframe src="https://www.youtube.com/embed/{{ video_id }}" frameborder="0" allowfullscreen></iframe>
{% endif %}
</div>