RES202: Random Video bei Chrome

Hallo zusammen Ich benötige hier die Hilfe von Profis.

Mittels script lasse ich unterschiedliche Videos darstellen. In Safari und Firefox funktioniert das tip top. In Chrom muss ich jeweils den Browser aktualisieren. Navigiere ich via Navbar wir nur eine leere Fläche angezeigt.

<script type="text/javascript">

            var randomVid;
                randomVid = function() {
                  var mp4, randomMp4SrcList, randomWebMSrcList, srcMp4, srcWebM, webM;
            randomMp4SrcList = [
                "files/video1.mp4", 
                "files/video2.mp4", 
                "files/video3.mp4",
            ];
                  mp4 = randomMp4SrcList[Math.floor(Math.random() * randomMp4SrcList.length)];
                  webM = randomWebMSrcList[Math.floor(Math.random() * randomWebMSrcList.length)];
                  srcMp4 = document.querySelectorAll("#bgvideo > source")[0];
                  srcWebM = document.querySelectorAll("#bgvideo > source")[1];
                  srcMp4.src=mp4;
                  srcWebM.src=webM;
                  return;
                };

</script>

Wie schaffe ich es, dass auch in Chrome und via Navbar bei einem Wechsel der Seite ein neues Video angezeigt wird?

Danke für die Unterstützung. LG Reto

  1. Wie schaffe ich es, dass auch in Chrome und via Navbar bei einem Wechsel der Seite ein neues Video angezeigt wird?

    Hast Du schon versucht, das Skript in eine Funktion zu packen, die sowohl onload als auch onreload ausgeführt wird?