Video in Divi Video Module - ohne Ton, ohne Controls, in Dauerschleife • WP Support WP Help

Aufgabe: #

Ein mit dem Divi Video Modul eingefügtes Video soll sich automatisch immer wiederholen, ohne Ton und ohne Controls abgespielt werden.

Lösung: #

CSS: #

Das Video Modul braucht eine CSS-class: lwp-video-autoplay

JS: #

Trage den folgenden JS Code mit umschließenden <script></script> Tag unter Divi > Theme Optionen > Integration ein:


jQuery(document).ready(function() {
 if (jQuery('.lwp-video-autoplay .et_pb_video_box').length !== 0) {
 jQuery('.lwp-video-autoplay .et_pb_video_box').find('video').prop('muted', true);
 jQuery(".lwp-video-autoplay .et_pb_video_box").find('video').attr('loop', 'loop');
 jQuery(".lwp-video-autoplay .et_pb_video_box").find('video').attr('playsInline', '');
 jQuery(".lwp-video-autoplay .et_pb_video_box").each(function() {
 jQuery(this).find('video').get(0).play();
 });
 jQuery('.lwp-video-autoplay .et_pb_video_box').find('video').removeAttr('controls');
 }
});

Dieses Sript sorgt dafür, das das Video ohne Ton, in Dauerschleife und ohne Controls abgespielt wird.

Um das Video mit Ton abzuspielen ändere den Wert (‚muted‘, false)
Um das Video nur einmal abzuspielen, lösche die Zeile
jQuery(„.lwp-video-autoplay .et_pb_video_box“).find(‚video‘).attr(‚loop‘, ‚loop‘);
Um die Controls anzugzeigen lösche die Zeile
jQuery(„.lwp-video-autoplay .et_pb_video_box“).find(‚video‘).attr(‚playsInline‘, “);

	Telefon:	0211 5579112
	Mobil:	0170 5579112