PartnerResources/_includes/youtubethumb.md

2.0 KiB

{% comment %}

use include.type to switch between thumbnail and embedded iframe player - iframe = iframe embedded player - thumbnail = original thumbnail link - showlink = include "watch now" link above player - youtubeid = optional. will pull from page.youtubeid if not in include param - title = optional. will pull from page.title if not in include param


mqdefault: thumbnail is 320x180, no black bars 16:9
0.jpg: is 480x360, typically has back bars
maxresdefault: 1280x720, but not always there depending on video

{% endcomment %}

{% assign showlink = "false" %} {% assign defaultType = "iframe" %} {% assign thumbnailImage = "mqdefault.jpg" %} {% assign youtubeid = "" %} {% assign title = page.title %}

{% if include.showlink %} {% assign showlink = include.showlink %} {% endif %} {% if include.type %} {% assign defaultType = include.type %} {% endif %} {% if include.thumbnailImage %} {% assign thumbnailImage = include.thumbnailImage %} {% endif %}

{% comment %} assign youtubeid to the page's youtubeid, unless overriden directly by include.youtubeid {% endcomment %} {% if page.youtubeid %} {% assign youtubeid = page.youtubeid %} {% endif %} {% if include.youtubeid %} {% assign youtubeid = include.youtubeid %} {% endif %} {% if include.title %} {% assign title = include.title %} {% endif %}

{% if showlink == "true" %}

{% if defaultType == "thumbnail" %}

<a alt="{{ page.title }}" href="https://www.youtube.com/watch?v={{ youtubeid }}" {% if include.target.size > 0 %}target={{target}}{% endif %}>
Watch on YouTube

{% else %}

{% endif %}