wenn ich die Mobirise-Standardvorlage "header6" auswähle und ein Hintergrundvideo einfüge, wird dies auf dem PC ohne Probleme automatisch abgespielt. Rufe ich die Seite jedoch auf meinem Android-Handy auf, habe ich nur ein Standbild. Gibt es denn eine Möglichkeit, das Video zum laufen zu bringen?
Gruß
stargate22
Code: Alles auswählen
<section class="header6" group="Headers" data-bg-video="{{bg.type == 'video' && bg.value.url}}" mbr-class="{'mbr-fullscreen': fullScreen,
'mbr-parallax-background': bg.parallax}">
<mbr-parameters>
<!-- Block parameters controls (Blue "Gear" panel) -->
<input type="checkbox" title="Full-Screen" name="fullScreen" checked>
<input type="range" inline title="Oben" name="paddingTop" min="0" max="8" step="1" value="6" condition="fullScreen == false">
<input type="range" inline title="Unten" name="paddingBottom" min="0" max="8" step="1" value="6" condition="fullScreen == false">
<input type="checkbox" title="Titel Anzeigen" name="showTitle" checked>
<input type="checkbox" title="Text Anzeigen" name="showText" checked>
<input type="checkbox" title="Buttons Anzeigen" name="showButtons">
<input type="checkbox" title="Pfeil Anzeigen" name="showArrow" checked>
<fieldset type="background" name="bg" parallax>
<input type="image" title="Hintergrundbild" value parallax>
<input type="color" title="Hintergrundfarbe" value="#767676">
<input type="video" title="Hintergrundvideo" value="https://www.youtube.com/watch?v=KXkx-XXfuso&t=20s" selected >
</fieldset>
<input type="checkbox" title="Overlay" name="overlay" checked condition="bg.type !== 'color'">
<input type="color" title="Overlay-Farbe" name="overlayColor" value="#232323" condition="overlay && bg.type !== 'color'">
<input type="range" inline title="Transparenz" name="overlayOpacity" min="0" max="1" step="0.1" value="0.7" condition="overlay && bg.type !== 'color'">
<!-- End block parameters -->
</mbr-parameters>
<div class="mbr-overlay" mbr-if="overlay && bg.type!== 'color'" mbr-style="{'opacity': overlayOpacity, 'background-color': overlayColor}">
</div>
<div class="container">
<div class="row justify-content-md-center">
<div class="mbr-white col-md-10">
<h1 class="mbr-section-title align-center mbr-bold pb-3 mbr-fonts-style" mbr-theme-style="display-1" mbr-if="showTitle">
</h1>
<p class="mbr-text align-center pb-3 mbr-fonts-style" mbr-theme-style="display-5" mbr-if="showText" data-app-selector=".mbr-text, .mbr-section-btn"></p>
<div class="mbr-section-btn align-center" mbr-if="showButtons" data-toolbar="-mbrBtnMove" mbr-buttons mbr-theme-style="display-4">
<a class="btn btn-md btn-primary" href></a>
<a class="btn btn-md btn-white-outline" href></a>
</div>
</div>
</div>
</div>
<div mbr-if="showArrow" class="mbr-arrow hidden-sm-down" aria-hidden="true">
<a href="#next">
<i class="mbri-down mbr-iconfont"></i>
</a>
</div>
</section>
