Videos einfügen und Live Webcam

  • Hallo,

    ich nutze seit 2 Wochen ca. Wordpress, habe meine Seite soweit auch schon fast fertig, nur wenn ich unter Seiten über Dateien hinzufügen ein Video rein lade klappt dies auch, aber wenn ich das Video dann auf der Webseite abspiele, ist es nur in Audio. Was mache ich da falsch ? Und dann habe ich meine Überwachungskamera auf meiner Webseite eingebunden die sich durch den Code auch immer selber aktualisiert, leider ist es in Wordpress nicht mehr der fall. In Joomla mit dem selben Code klappt es einwandfrei. Was mache ich da falsch ?


    Mark-Peter

    Einmal editiert, zuletzt von Mark-Peter (8. April 2020 um 14:53)

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Mojn,

    Link zum Problem wäre hilfreich, so wie in den Forenregeln unter Absatz II. auch beschrieben.

    ... nur wenn ich unter Seiten über Dateien hinzufügen ein Video rein lade klappt dies auch, aber wenn ich das Video dann auf der Webseite abspiele, ist es nur in Audio.


    Nicht jede Videodatei ist auf Anhieb für HTML5 wiedergabe geeignet. Da bei dir nur der Ton wiedergegeben wird, vermute ich mal das es an der Komprimierung des Video liegt.
    In der Regel wäre mp4 Container (.h264 Videoformat und AC3 Soundformat) mit 29,97 oder 30,0 Frames per Sekunde schon okay.
    Meist war eine fehlerhafte Einstellung immer die Ursache, wenn jemand Probleme bei der Wiedergabe von Videos auf der Website hatte.

    Und dann habe ich meine Überwachungskamera auf meiner Webseite eingebunden die sich durch den Code auch immer selber aktualisiert, leider ist es in Wordpress nicht mehr der fall. In Joomla mit dem selben Code klappt es einwandfrei


    Da wir den verwendeten Code nicht kennen, kann man nur vermuten dass eventuell eine Cachefunktion beim Server, oder ein Cacheplugin dazwischen haut. Derartige Funktionen sind zwar gut für Seitenoptimierungen, aber bei Livecam eher hinderlich.

    Bitte keine Fragen per PM, oder Foren-Chat. Für Fragen ist das öffentliche Forum da. Meine Uerdinger Seite

  • Hallo,

    wegen den Videos werde ich nochmal versuchen, hatte ein Bekannter für mich gemacht. Wegen dem Code der Cams :

    <script language="JavaScript" type="text/javascript">

    function reload()
    {
    setTimeout('reloadImg("refresh")',1000)
    };

    function reloadImg(id)
    {
    var obj = document.getElementById(id);
    var date = new Date();
    obj.src = "http://mark-peter1974.selfhost.eu:20/cgi-bin/CGIPro…pwd=passwort&t=" + Math.floor(date.getTime()/1000);
    }

    </script>

    <img id="refresh" src="http://mark-peter1974.selfhost.eu:20/cgi-bin/CGIPro…&pwd=cam2000&t=" name="refresh" />
    <p style="text-align: center;"><span style="font-family: arial,helvetica,sans-serif; font-size: large; color: #ff0000;"><strong>Die Webcam an meinem Arbeitsplatz ist täglich in der Zeit von 12:30 Uhr bis 22:00 Uhr Online</strong></span></p>

    Keine Sorge, usr und pwd habe ich hier nicht die originalen gepostet.


    Mark-Peter

  • Ist dein Name auch gleichzeitig deine .de Domain, wo du die Seite neu auf WordPress strickst?

    Falls ja, wird eigentlich das Bild überhaupt angezeigt?

    Wenn dies nicht so ist könnte eventuell auch die Ursache darin liegen, dass du selfhost mit http aufrufst, aber unter deiner Domain ein Sicherheitszertifikat läuft. Browser blockieren mittlerweile mixed content, also Externe Inhalte die unter http auf https gesicherten Seiten eingebunden, bzw. angezeigt werden sollen.
    Wenn du die Entwicklertools im Browser aufrufst sollte dir wohl so eine Meldung angezeigt werden.

    Vorrausgesetzt ist natürlich, dass der Code auch korrekt eingebunden wurde.

    Ist aber jetzt nur ins Blaue geraten.

    Bitte keine Fragen per PM, oder Foren-Chat. Für Fragen ist das öffentliche Forum da. Meine Uerdinger Seite

  • Hallo,

    nein, die Domain von meiner Seite ist mark-peter.de, im mom aber noch nicht offen. Das Kamera Bild ? ja, dass schrieb ich ja schon im ersten Beitrag, dass Bild wird angezeigt und auch aktualiert, aber nur wenn man F5 drückt. An http wird es nicht liegen, denn auf der alten Seite mit Joomla lief es ja ohne Probleme. Aber ich versuche es mal. Aber wenn es hilft, mache ich die Seite gerne mal kurz auf ?

    EDIT: ohne http gehts garnicht mehr

    Einmal editiert, zuletzt von Mark-Peter (9. April 2020 um 17:31)

  • aber nur wenn man F5 drückt


    Dann greift irgendwo der Auto refresh nicht richtig, bzw. wie ich schon vermutet habe das eine Cache Funktion dazwischen haut und weiterhin veraltete Daten aus dem Cache geladen werden.
    Hast du mal verschiedene Browser getestet, ob das Problem generell bei allen Browsern auftritt?

    Bitte keine Fragen per PM, oder Foren-Chat. Für Fragen ist das öffentliche Forum da. Meine Uerdinger Seite

  • Die Funktion reload() in Deinem o.g. Code wird a) nie aufgerufen und ruft b) selbst nur einmal nach einer Sekunde reloadImg(..) auf.

    Entferne diesen ganzen Codeblock:

    Code
    function reload()
    {
    setTimeout('reloadImg("refresh")',1000)
    };


    und ersetze ihn komplett durch z.B. diesen Code:

    Code
    setInterval(function(){ reloadImg("refresh"); }, 1000);


    Hier beispielhaft umgesetzt mit funktionierender Bildquelle.

    Am Rande: Die aktuelle "Arbeitsplatz Webcam" Seite auf dem Website zeigt derzeit kein Bild und lädt sich dann irgendwann komplett neu.

  • Hallo,

    ja, die Webcam ist nur bis 22 Uhr an, habe ich aber mal eben an gemacht, aber auch mit dem
    ausgetauschten Code funktioniert es bei mir leider nicht. Habe ich was falsch gemacht ?

    <script language="JavaScript" type="text/javascript">

    setInterval(function(){ reloadImg("refresh"); }, 1000);

    function reloadImg(id)
    {
    var obj = document.getElementById(id);
    var date = new Date();
    obj.src = "http://mark-peter1974.selfhost.eu:20/cgi-bin/CGIPro…e2&usr=&pwd=&t=" + Math.floor(date.getTime()/1000);
    }

    </script>

    <img src="http://mark-peter1974.selfhost.eu:20/cgi-bin/CGIPro…e2&usr=&pwd=&t=" name="refresh" id="refresh" onload='reload(this)' onerror='reload(this)'>
    <p style="text-align: center;"><span style="font-family: arial,helvetica,sans-serif; font-size: large; color: #ff0000;"><strong>Die Webcam an meinem Arbeitsplatz ist t&auml;glich in der Zeit von 12:30 Uhr bis 22:00 Uhr Online</strong></span></p>

  • Der Code ist fehlerhaft eingefügt, überall sind HTML-Tags dazwischen, schau Dir den HTML-Quelltext der Seite an, z.B. Strg-U im Browser, derzeit (Auszug):

    Code
    <p><script language="JavaScript" type="text/javascript"></p>
    <p>setInterval(function(){ reloadImg("refresh"); }, 1000);</p>
    <p>function reloadImg(id)
    {
       var obj = document.getElementById(id);
       ...snip...</p>
    <p></script></p>


    Zudem sind jetzt im Vergleich zum o.g. Code in #3 überflüssige onload und onerror Handler im img Tag ergänzt worden, die sind nicht nötig und erzeugen Scriptfehler.

  • und danach dann noch mal die Ansicht geändert?

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!