twigfiddle.com - Fiddle eaorgi v1 - Created on August 18, 2017 11:38

More options...

Title

File

<div class="responsive-embed">
  <iframe src="https://www.youtube.com/embed/{{url["query"]|replace({'v=': ''})}}" allowfullscreen></iframe>
  {% if preview_image is defined %}
  <div class="responsive-embed--overlay" style="background-image: url({{preview_image}})">
  </div>
  {% endif %}
  {% if caption is defined %}
  <div class="responsive-embed--caption">
    {{caption}}
  </div>
  {% endif %}
</div>

Format

caption: "Oh look it is a caption"
'url':
  scheme: https
  host: www.youtube.com
  path: /watch
  query: v=uxDAzVEgDdU
preview_image: "https://lorempixel.com/1700/800/nature/"

Fiddle eaorgi created on August 18, 2017 11:38 and visited 86 times

Developed using

Not logged in.

twigfiddle.com @ 2024
Ask a question on Stackoverflow Report issue Download source code