{containerPre -> f:format.raw()} {containerPost -> f:format.raw()} Youtube video
// Autoheight for backgroundimages function addHeight(objKey) { var overlay = $('#'+objKey).next('.card-img-overlay'); if (overlay.length) { var totalHeight = 0; var addHeight = 0; var outerHeight = 0; $.each( TYPO3.settings.ADDHEIGHT, function( addKey, addValue ) { if (objKey == 'bg-img-'+addKey) { addHeight = parseInt(addValue); } }); $.each( overlay, function( objKeyOverlay, objValueOverlay ) { $(objValueOverlay).children().each(function(){ if ($(this).hasClass('container')) { var container = $(this); container.children().each(function(){ outerHeight = parseInt($(this).outerHeight(true)); totalHeight = totalHeight + outerHeight; }); } else { outerHeight = parseInt($(this).outerHeight(true)); totalHeight = totalHeight + outerHeight; } }); }); totalHeight = totalHeight + addHeight; $('#'+objKey).css('min-height', totalHeight+'px'); } } if ($(".enableAutoheight").length) { $.each( $(".enableAutoheight"), function( key, value ) { addHeight($(this).attr('id')); }); } var mobile = false; if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { mobile = true; } if (mobile){ $('.background-image').removeClass('background-fixed'); } BG-Image : overlay and autoheight
background-image by css
BG-Image : default background-image by css
No BG-Image Vimeo video
Local video Real image
No media
{containerPre -> f:format.raw()} {row.renderedContent -> f:format.raw()} {containerPost -> f:format.raw()}
{containerPre -> f:format.raw()} {row.renderedContent -> f:format.raw()} {containerPost -> f:format.raw()}
{containerPre -> f:format.raw()} {row.renderedContent -> f:format.raw()} {containerPost -> f:format.raw()}
{row.renderedContent -> f:format.raw()}
{row.renderedContent -> f:format.raw()}