Lokales .mp4-Video wird nicht in Lightbox geladen
Hallo zusammen,
ich habe versucht, ein Video über die Ligtbox als Popup anzuzeigen.
Hier meinen in einen Artikel eingefügten Link:
Code:
<p><a href="files/Theme/images/test-video.mp4" data-lightbox="">Video</a></p>
Die Lightbox öffnet sich einwandfrei, jedoch wird anstelle des Videos, irgendwelche Zeichen "??6ym??zcW<kh?????d#?? ???" angezeigt.
Manchmal erscheint auch die Browser-Meldung: "Diese Seite reagiert nicht".
In diesem Forum habe ich schon des Öfteren gelesen, dass es funktionieren soll, eine Lightbox nicht nur mit Bildern, sondern auch mit Videos anzuzeigen.
Hat hier jemand eine Idee wie man dieses Problem lösen kann?
Öffnen von lokal eingebundem Video in Lightbox
Entscheidend war bei mir die zusätzliche Klasse "iframe" im a-Tag unter Verwendung des j_colorbox.js (Contao 4.13x).
Siehe https://github.com/sachinchoolur/lightgallery.js (Outside Webpage (Iframe))
Code:
<p><a class="iframe cboxElement" data-lightbox="beispiel" href="pfad/zum/video.webm">Video Öffnen</a></p>
Nachtrag:
Die Klasse hatte ich zuvor selbst bestimmt. Habe so viel ausprobiert, dass ich mich selbst nicht mehr auskenne LOL
Zusätzlich ist noch notwendig, dass ein Script für diese Klasse im Seitentemplate (Eigenes Javascript) eingebunden ist, das die Anweisung "iframe:true" enthält.
Code:
<script>
$(".iframe").colorbox({
iframe:true,
width:"100%",
height:"100%",
onLoad:function() {
$('html, body').css('overflow', 'hidden'); // page scrollbars off
},
onClosed:function() {
$('html, body').css('overflow', ''); // page scrollbars on
}
});
</script>