ERZBISTUM KÖLN  AKTUELLES  domradio

Medien in Websites einbinden

Medien, die in Medien-Tube hochgeladen wurden, können in in wenigen Arbeitsschritten in andere Websites integriert werden. Hierzu ist lediglich das Kopieren und Einfügen von ein paar zeilen Quelltext nötig.

Im folgenden zeigen wir Ihnen die nötigen Arbeitsschritte auf:

1. Quellcode kopieren
Wechseln Sie zunächst auf die Detailseite des Videos. Am rechten unteren Seitenende befindet sich die Box "Medium einbetten oder verlinken".  Ein Klick auf diesen Link macht die zur Auswahl stehenden Möglichkeiten sichtbar. So können Sie zwischen drei verschiedenen Ausgabegrößen bzw. einem Handyformat auswählen.
Einen Überblick der verschiedenen Formatgrößen können Sie auf der Beispielseite sehen
Setzen Sie durch einen Mausklick das gewünschte Format aus und kopieren anschließend den Quelltext des darunterliegenden Eingabefeldes in die Zwischenablage (STRG + C oder Rechte Maustaste / Kopieren)
Abb: Auswahl der Ausgabegröße und kopieren des Quelltextes



2. Einfügen in Ihre Website
Am Beispiel von OpenCms zeigen wir Ihnen exemplarisch das Einbinden des Videos in die Website. Öffnen Sie hierzu die betreffende Seite und wechseln anschließend in den Bearbeitungsmodus. Setzen Sie nun den Cursor an die Position, an der später das Video erscheinen. Machen Sie dort einen Leerabsatz und schreiben an dieser Stelle ein beliebiges Platzhalterwort.
Abb: Eingabe des Platzhalterwortes im Bearbeitungsmodus



3. Wechsel in des Quelltextmodus
Wechseln Sie nun mit einem Klick auf die Schaltfläche "Quellcode" in die Quelltextansicht des Editors und suchen dort nach dem im zweiten Arbeitsschritt vergebenen Platzhalterwort. Markieren Sie nun dieses Wort und ersetzen es mit STRG + V oder Rechter Maustaste / Einfügen durch den zuvor in die Zwischenablage kopierten Medien-Tube-Quellcode.
Sollten Sie in der umfangreichen Textmenge das Platzhalterwort nicht ausfindig machen können, hilft Ihnen ganz sicher der folgende Trick weiter:
Mit der Tastenkombination STRG+F können Sie die lokale Seite durchsuchen lassen. Tragen Sie in das Eingabefeld das Platzhalterwort ein und klicken anschließend auf OK. Im direkten Anschluß wird Ihnen entsprechende Stelle im Quelltext angezeigt.

Abb: Suchen und Erstezn des Platzhalterwortes im Quelltextmodus

Abb: Suchen und Erstezn des Platzhalterwortes im Quelltextmodus



4. Wechsel in die WYSIWYG-Ansicht
Mit einem erneuten Klick auf "Quellcode" wechseln Sie wieder in den normalen Bearbeitungsmodus zurück. Das Video wird Ihnen in dieser Ansicht nicht angezeigt, lediglich ein Rahmen lässt die Position und Größe des Videos erahnen. Klicken Sie nun auf "Speichern und Schließen" um Ihre Änderungen abzuspeichern und auf die Voirschau zurückzukehren.
Abb: Erneuter Wechsel in den normalen Bearbeitungsmodus



5. Das eingebettete Video in der Website
In der nun auf Ihrem Monitor erscheinenden Vorschau der Website sollte das Video nun vollständig angezeigt werden und mit einem Klick auch starten.
Abb: Das eingebettete Video in der Vorschau der Website



Zum Seitenanfang Seite weiterempfehlen Druckversion Kontakt  Barrierefrei Datenschutz  Impressum