Trick # 563 | Dieser Beitrag beinhaltet 622 Wörter. – Geschätzte Lesezeit: ca. 4 Minuten.
Im Divi-Video-Modul lassen sich Videos ganz einfach in der Website einbinden und abspielen. Allerdings hält das Modul den Film nur vor, startet ihn aber nicht. Das ist ab und an nicht gewünscht – das Video soll beim Laden der Website gleich starten. Das geht mit einem kleinen Script ganz praktisch.
Hier ein Beispiel. Im Video-Modul nebenan ist ein Bildschirmmitschnitt abgelegt. Das Filmchen startet allerdings erst, wenn man händisch auf «Play» klickt:
Den Autostart können Sie aber ganz einfach einfügen.
Zunächst vergeben Sie dem Videomodul eine CSS-Klasse. Im Reiter «Advanced» (oder «Erweitert») auf «CSS-ID und Klassen» klicken und dann im Textfeld «CSS-Klassen» video-autoplay eingeben.
Nun kopieren Sie das folgende Script und legen es im Head-Bereich Ihrer Website ab – unter Divi/Integration. Wahlweise können Sie das Script auch in ein Code-Modul kopieren:
<script>
jQuery(document).ready(function() {
if (jQuery('.video-autoplay .et_pb_video_box').length !== 0) {
jQuery('.video-autoplay .et_pb_video_box').find('video').prop('muted', true);
jQuery(".video-autoplay .et_pb_video_box").find('video').attr('playsInline', '');
jQuery(".video-autoplay .et_pb_video_box").find('video').attr('loop', 'loop');
jQuery(".video-autoplay .et_pb_video_box").each(function() {
jQuery(this).find('video').get(0).play();
});
jQuery('.video-autoplay .et_pb_video_box').find('video').removeAttr('controls');
}
});
</script>Das Video startet nun völlig selbständig und wird in einer Endlos-Schleife abgespielt – so wie nebenan:
Werbung
Werbung
