Ich habe dafür einen Bild-Block genommen und die URL durch meine eigene ersetzt:
Code: Alles auswählen
<section data-bs-version="5.1" class="image3" group="Images & Videos" data-bg-video="{{bg.type == 'video' && bg.value.url}}" mbr-class="{'mbr-fullscreen': fullScreen,
'mbr-parallax-background': bg.parallax}">
<mbr-parameters>
<header>Size</header>
<input type="checkbox" title="Full Screen" name="fullScreen">
<input type="checkbox" title="Full Width" name="fullWidth">
<input type="range" inline="" title="Top" name="paddingTop" min="0" max="10" step="1" value="6" condition="fullScreen == false">
<input type="range" inline="" title="Bottom" name="paddingBottom" min="0" max="10" step="1" value="6" condition="fullScreen == false">
<input type="range" name="textWidth" title="Image" min="4" max="12" step="1" value="10">
<header>Show/Hide</header>
<input type="checkbox" title="Text" name="showText" checked="">
<header>Background</header>
<fieldset type="background" name="bg" parallax="">
<input type="image" title="Image" value="../_images/background1.jpg">
<input type="color" title="Color" value="#ffffff" selected="">
<input type="video" title="Video" value="https://vimeo.com/428046504">
</fieldset>
<input type="text" title="Fallback Image" name="videoToImageOnMobile" condition="overlay && bg.type === 'video'">
<input type="checkbox" title="Overlay" name="overlay" condition="bg.type !== 'color'" checked="">
<input type="color" title="Overlay Color" name="overlayColor" value="#ffffff" condition="overlay && bg.type !== 'color'">
<input type="range" inline="" title="Opacity" name="overlayOpacity" min="0" max="1" step="0.1" value="0.7" condition="overlay && bg.type !== 'color'">
</mbr-parameters>
<div class="mbr-overlay" mbr-if="overlay && bg.type!== 'color'" mbr-style="{'opacity': overlayOpacity, 'background-color': overlayColor}">
</div>
<div mbr-class="{'container': !fullWidth, 'container-fluid': fullWidth}" video-to-image-on-mobile="{{videoToImageOnMobile}}">
<div class="row justify-content-center">
<div class="col-12 col-lg-{{textWidth}}">
<div class="image-wrapper">
<img src="http://afu.bplaced.net/Bild.jpg" alt="Live-Bild">
<p class="mbr-description mbr-fonts-style mt-2 align-center" mbr-theme-style="display-4" mbr-if="showText" data-app-selector=".mbr-description">
Image Description</p>
</div>
</div>
</div>
</div>
</section>
Ich hoffe auf Hilfe.
Viele Grüße