{#
/**
 * @file
 * Default theme implementation to display an embedded YouTube video.
 *
 * Available variables:
 * - video_id: The ID of the YouTube video. Used to construct the iframe's src.
 * - entity_title: The title of the entity with the YouTube video field value.
 * - settings: An array of settings selected in the module's configuration and
 *   in the field's display settings.
 * - content_attributes: array of HTML attributes populated by modules, intended
 *   to be added to the iframe of the embedded YouTube video player.
 *   - src: The URL of the YouTube video to be embedded. Contains a query string
 *     with parameter values derived from options selected in the module's
 *     configuration and the field's display settings.
 *   - width: A pixel or percentage value, derived from the display settings.
 *   - height: A pixel or percentage value, derived from the display settings.
 *   - id: A valid HTML ID and guaranteed unique.
 *   - title: A title value, assigned for accessibility.
 * - attributes: array of HTML attributes populated by modules, intended to be
 *   added to the element wrapping the embedded YouTube video player.
 * - alternative_content: Alternative content for browsers and tools that don't
 *   understand iframes, such as some screen readers. Defaults to a link to the
 *   embedded video, whose title is the same as the iframe's title attribute.
 *
 * @see template_preprocess_youtube_video()
 *
 * @ingroup themeable
 */
#}
<figure{{ attributes }}>
  <iframe width="{{ content_attributes.width }}" height="{{ content_attributes.height }}" src="" data-src="{{ content_attributes.src }}" defer=defer frameborder="0" allowfullscreen>{{ alternative_content }}</iframe>
</figure>
<script type="text/javascript"> 
function init() {
  var vidDefer = document.getElementsByTagName('iframe');
  for (var i=0; i<vidDefer.length; i++) {
    if(vidDefer[i].getAttribute('data-src')) {
      vidDefer[i].setAttribute('src',vidDefer[i].getAttribute('data-src'));
} } }
window.onload = init;
</script>