Einbetten von Medien localserver --> webspace

Hallo liebe Comunitie

Ich hoffe ihr könnt mir hier weiterhelfen.
Ich betreibe eine Wordpressseite auf einem gehosteten Webspace, nun wollte ich den Inhalt um eine beachtliche Menge Videos erweitern.
Erst auf Youtube hochladen und dann in meiner wordpress Seite einzubinden ist mir zu aufwendig.

Deshalb habe ich auf meinem Rechner Xampp und ebenfalls Wordpress installiert, die lokale Seite funktioniert auch problemlos.

Ich habe nun aber das Problem, ein Video von einem lokalen Beitrag via Link auf der gehosteten Webseite einzubetten, so wie man das halt mit Youtubelinks einfach bewerkstelligen kann.

Die Beiträge auf dem lokalen Server beinhalten NUR den Mediaplayer mit der Videodatei aus dem Medienordner.
Opengraph ist auch installiert.

Wenn ich auf der gehosteten webseite den Adresslink des Beitrages einfüge, wird aber leider kein Video erkannt und somit nur der Textlink angezeigt.

Ich freue mich wirklich über jeden Tipp, da ich hier schon seit 2 Tagen scheitere.
Wie muss ich meine lokale Seite anpassen, dass Videos auf dem gehosteten Webspace eingebettet werden können?

Hallo Jabba

Die lokale Webseite ist aus dem Internet erreichbar, das wurde mir von mehreren Personen bestätigt

Ich muss gestehen, ich baue die Videos im Gutenbergeditor einfach über den WP eigenen Mediaplayer ein.
Ich dachte es klappt wie bei Youtube indem ich auf der gehosteten Seite einfach den Link vom Beitrag einfüge.

Ich melde mich nochmal mit dem Link, ich musste die lokale Seite neu machen bin mit dem verlinken aber noch nicht fertig.
Vl. kannst du ja morgen kurz drüberschauen.

Vielen Dank erstmal =)

Habs geschafft.
Der Beispiel-Link ist von der gehosteten Webseite.
Der Link "Mitschnitt" führt zum lokalen Webserver....der funktioniert, ist aber halt keine direkte Videoeinbindung.

Danach kommt der Versuch das Video einzubinden, ich sehe hier nur ein weißes Feld und darunter einen Leerraum im Beitrag...wie wenn da das Video sein sollte.

http://www.papperlapapp.xyz/fruehschoppen-vom-10-12-22/

Grad getestet, funktioniert leider auch nicht

Ah genau
Jetzt ist es drinnen yeahhh leider keine 100% breite
Einfacher wärs halt, die Adresse vom Browser zu kopieren, gibts da keinen Weg?

Ich versuch das grad mit css mejs-mediaelement sollte ja die richtige Klasse sein

.mejs-mediaelement div {
width: 100%;
}

funktioniert nicht

Das sieht nun perfekt aus, vielen vielen Dank!
Da hätte ich mir die zweite WP Seite sparen können ^^
Bin sehr zufrieden TOP Hilfe hier