Wenn ich nach meinem ersten Schock drüber nachdenke, hast du wahrscheinlich recht.
Der Datenschutz meiner Besucher wird hierdurch nicht beeinflusst.
Danke für den Hinweis.
LG,
Ralf
Wenn ich nach meinem ersten Schock drüber nachdenke, hast du wahrscheinlich recht.
Habe jetzt mal eine Testseite (nicht im Menu) angelegt, in der ich (für euch sichtbar) experimentieren kann.
Code: Select all
</div>
<script src="<?=$sn?>youtube_privacy.js"></script>
</body>
</html>
Code: Select all
<img class="youtube_preview" src="./userfiles/images/video-preview.jpg" width="1280" height="720" data-src="https://www.youtube-nocookie.com/embed/cJ0anUmueLc?rel=0">
Code: Select all
document.addEventListener("DOMContentLoaded", function () {
var each = Array.prototype.forEach;
var images = document.getElementsByClassName("youtube_preview");
each.call(images, function (image) {
image.addEventListener("click", function () {
var iframe = document.createElement("iframe");
iframe.src = image.getAttribute("data-src");
iframe.width = image.width;
iframe.height = image.height;
iframe.frameBorder = false;
iframe.allowfullscreen = true;
image.parentNode.replaceChild(iframe, image);
});
});
});
Das liegt daran, dass Christoph in seinen Code wieder mal eine kleine Stolperfalle eingebaut hat
Hier heißt es: youtube_preview.js
Hier heißt es: youtube_privacy.jscmb wrote: ↑Tue Apr 24, 2018 8:41 pmBinde diese Datei in template.htm am besten direkt vor dem schließenden </body> Tag ein:Code: Select all
<script src="<?=$sn?>youtube_privacy.js"></script>
Hier ist das Problem, dass das Video von "https" geladen wird - deine Seiten laufen aber noch unter "http".Laden von gemischten aktiven Inhalten "http://www.badminton-tips.de/plugins/sh ... ff?v=4.7.0" wurde blockiert.
Code: Select all
.elastic-video {
position: relative;
padding-bottom: 58%; /*** 58% ändern zu 56.25% ***/
padding-top: 15px; /*** Diese Zeile streichen! ***/
height: 0;
overflow: hidden;
box-shadow: 2px 5px 10px 0px #303030;
}
Mist, hatte mich bereits (inkl. Erklärungen) bedankt für deine Hilfe, aber die Forumvorschau nicht abgeschickt wie ich gerade feststelle.frase wrote: ↑Wed Apr 25, 2018 10:40 amWie ich sehe, funktioniert es jetzt auf http://www.badminton-tips.de/?Badminton ... est&normal
Die Viewportangabe (meta) im Head ist falsch:Vivaldi wrote:Error parsing a meta element's content: ';' is not a valid key-value pair separator. Please use ',' instead.
Code: Select all
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
Supi. Hatte ich tatsächlich nach gesucht.frase wrote: ↑Wed Apr 25, 2018 10:40 am
Wenn du den hellen Rand (Rahmen + Vorschaubild) noch weghaben willst, dann in stylesheet.css Zeile 459 ändern:Code: Select all
.elastic-video { position: relative; padding-bottom: 58%; /*** 58% ändern zu 56.25% ***/ padding-top: 15px; /*** Diese Zeile streichen! ***/ height: 0; overflow: hidden; box-shadow: 2px 5px 10px 0px #303030; }