new template for responsive YT video

[zonky2]

new template

<?php $this->extend('block_unsearchable'); ?>

<?php $this->block('content'); ?>
-    <iframe <?= $this->size ?> src="<?= $this->src ?>" allowfullscreen></iframe>
+  <div class="embed-responsive embed-responsive-16by9">
+    <iframe class="embed-responsive-item"<?= $this->size ?> src="<?= $this->src ?>" allowfullscreen></iframe>
+  </div>

<?php $this->endblock(); ?>

The class embed-responsive-16by9 should be passed from the outer div with ce_youtube to the iframe-enclosing div

[dmolineus]

There should be probably different templates for each ratio

[zonky2]

There should be probably different templates for each ratio

I find rather inflexible...

[dmolineus]

What do you suggest?

[zonky2]

we can use the same "magic function" like "img-fluid" to transfer the css class to the right div container...

Edit: we can use the class "embed-responsive-16by9" as default and override this with magic function

16:9 is the standard https://support.google.com/youtube/answer/6375112?co=GENIE.Platform%3DDesktop&hl=de

[dmolineus]

Since contao/core-bundle@0d0aba2#diff-800975046c3ea232e3dd2a377584899b Contao provides an aspect setting. I prefer using it with a customized template. Only drawback is, that's not available in Contao 4.4.

[zonky2]

o.k. - maybe we can use "embed-responsive-16by9" as default and everybody can override this template (and css class)

[dmolineus]

I decided to backport the playerAspect setting so it's available in Contao 4.4 as well, see a861b1c