--- title: Single Media url: "https://www.toujou.de/service/elementbibliothek/media-elements/single-media/" date: 2019-01-11 modified: 2022-09-27 --- # Single Media 1. [Home](https://www.toujou.de/) 2. [Service](https://www.toujou.de/service/) 3. [Elementbibliothek](https://www.toujou.de/service/elementbibliothek/) 4. [Media Elements](https://www.toujou.de/service/elementbibliothek/media-elements/) 5. [Single Media](https://www.toujou.de/service/elementbibliothek/media-elements/single-media/) Single Media ============ Ein einzelnes Medium zentriert auf der Seite. Item-ID: 05-001 [Beispielansicht](#c1003336) [Anleitung](#c1003332) [Verhalten](#c1003330) ![](https://www.toujou.de/_assets/processed/k1eyyD1PkpfDulpXRPCivy1qH1D6S8tJDHjZfo25v0A/q:85/w:433/h:54/fn:Y3NtXzA1XzAwMS1TaW5nbGVfSW1hZ2VfMjAwMF8yNTBfODhmYTk0NzNlNg:t/cb:e76b68dd261dd4ecd39381f2a4f5cfc26c325e9d/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZGVtby9JY29ucy9Gb3JtYXRlL0JpYl8yMDAwXzI1MC8wNV9NZWRpYV9FbGVtZW50c18yMDAwXzI1MC8wNV8wMDEtU2luZ2xlX0ltYWdlXzIwMDBfMjUwLnBuZw) --- Beispielansicht Video ----------------------- Um externe HTML-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung. Weitere Informationen finden Sie in unserer [ Datenschutzerklärung. ](https://www.toujou.de/datenschutz/) Einmal erlauben Immer erlauben Beispielansicht Bild ---------------------- ![](https://www.toujou.de/_assets/processed/GoUgJpwcmc2VkfgQ1IZzmSLBdbr9pKxbH7i2SfGojsc/q:85/w:433/h:243/fn:Y3NtX25hdHVyZV8wMV81ZjBlN2NiZGIz:t/cb:cb634793507b1ed08c3736bfdedcda03741907fa/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZGVtby9uYXR1cmVfMDEuanBn) Bildunterschrift zum Foto Beispielansicht GIF --------------------- ![](https://www.toujou.de/_assets/processed/KgKUsgC1Kjwaj2K9EvT2mspksy2Yr6XaxHqv3mKV6PQ/q:85/w:480/h:480/fn:Y3NtX3dlYnNpdGUtZ2lmX2FmMDRiYWE1YjI:t/cb:8d5b052e7be046f2a1485aba446e96d6a410ca4d/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC93ZWJzaXRlLWdpZi5naWY) --- Anleitung ----------- [ ![](https://www.toujou.de/_assets/processed/2-1_PRPJm2ys8qXh6lsqAK-f2BGJhypD9dLGsyzppws/q:85/c:2560:1440:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtXzA1LTAwMS0xLXZpZGVvX2FubGVnZW5fMzY2YjJiNDQxMA:t/cb:a982cdd83301a6c0566b0ac4048d59460917c595/bG9jYWw6L2ZpbGVhZG1pbi9NYW51YWwvMDVfTWVkaWFfRWxlbWVudHMvMDUtMDAxX3NpbmdsZV9tZWRpYS8wNS0wMDEtMS12aWRlb19hbmxlZ2VuLnBuZw) ](https://www.toujou.de/fileadmin/Manual/05_Media_Elements/05-001_single_media/05-001-1-video_anlegen.png) ### Video anlegen - Klicken Sie auf den Button **Inhalt** und wählen unter dem Reiter *Media* das Element **Single Media** aus. - Um ein Video anzuzeigen, klicken Sie nun im Reiter *Allgemein* **Medien nach URL hinzufügen**. - Fügen Sie die vollständige URL eines YouTube- oder Vimeo-Videos in die dafür vorgesehene Maske ein. [ ![](https://www.toujou.de/_assets/processed/jmRp4dpu-Hz9RtconjHTJ-MMThUbYra-Z4BwF1KsitA/q:85/c:2560:1440:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtXzA1LTAwMS0yLWJpbGRfYW5sZWdlbl9kNmUzNTVjOTBl:t/cb:222316b8e100b5c5a8c0f655f603408c696d80d2/bG9jYWw6L2ZpbGVhZG1pbi9NYW51YWwvMDVfTWVkaWFfRWxlbWVudHMvMDUtMDAxX3NpbmdsZV9tZWRpYS8wNS0wMDEtMi1iaWxkX2FubGVnZW4ucG5n) ](https://www.toujou.de/fileadmin/Manual/05_Media_Elements/05-001_single_media/05-001-2-bild_anlegen.png) ### Bild anlegen - Klicken Sie auf den Button **Inhalt** und wählen unter dem Reiter *Media* das Element **Single Media** aus. - Um ein Bild anzuzeigen, klicken Sie nun im Reiter *Allgemein* **Bild hinzufügen/Add media file**. - Wählen Sie eine Bilddatei aus Ihrer Fileliste aus oder laden Sie eine Datei in den entsprechenden Ordner hoch. [ ![](https://www.toujou.de/_assets/processed/2csbhFo9K1FEQAINhnUTDPM8VQNvw28O_btm5WO2aV8/q:85/c:2560:1440:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtXzA1LTAwMS0zLWJpbGRfYmVhcmJlaXRlbl82NDI0YmE5ZDk0:t/cb:efc6aaa62d79418b53e67cde3f5963a7fb345577/bG9jYWw6L2ZpbGVhZG1pbi9NYW51YWwvMDVfTWVkaWFfRWxlbWVudHMvMDUtMDAxX3NpbmdsZV9tZWRpYS8wNS0wMDEtMy1iaWxkX2JlYXJiZWl0ZW4ucG5n) ](https://www.toujou.de/fileadmin/Manual/05_Media_Elements/05-001_single_media/05-001-3-bild_bearbeiten.png) ### Bild bearbeiten - Unter dem nun hochgeladenen Bild öffnet sich ein Menü zur Bearbeitung der **Bild-Metadaten**. - Aktivieren Sie das Feld **Beschreibung (Bildunterschrift)**, um dem Bild eine Bildunterschrift hinzuzufügen. Schreiben Sie den Text in das dafür vorgesehene Feld. [ ![](https://www.toujou.de/_assets/processed/ueLlfdnkoQ_4HQW517AuQ2updwbUDvfDYiBxbGQngdE/q:85/c:2560:1440:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtXzA1LTAwMS00LWJpbGRfZm9ybWF0aWVyZW5fMzA4ODBmNDlmNw:t/cb:8b232c69c355295978a3fa5d37bd94004940e64a/bG9jYWw6L2ZpbGVhZG1pbi9NYW51YWwvMDVfTWVkaWFfRWxlbWVudHMvMDUtMDAxX3NpbmdsZV9tZWRpYS8wNS0wMDEtNC1iaWxkX2Zvcm1hdGllcmVuLnBuZw) ](https://www.toujou.de/fileadmin/Manual/05_Media_Elements/05-001_single_media/05-001-4-bild_formatieren.png) ### Bild formatieren - Unter dem Button **Editor öffnen können Sie das Seitenverhältnis für Mobile, Tablet-, Desktop- oder Widescreen-Ansicht anpassen. - Setzen Sie den Bildfokus für das Responsive-Verhalten jeweils auf die gewünschte Bildfläche. **Anmerkung zum GIF**: Dieses lässt sich ebenso wie ein Bild aus der [Dateiliste](https://www.toujou.de/tutorials/dateiliste/) hochladen. Achten Sie auf das korrekte GIF-Format. Aus Performance-Gründen für Ihre Website raten wir zum sparsamen Gebrauch und möglichst kleinen Datengrößen, da diese in der ursprünglichen Größe ausgespielt werden. --- Verhalten ----------- *Single Media* zeigt das von Ihnen eingefügte einzelne Bild oder bettet ein Video Ihrer Wahl auf der Seite ein. **Responsive:** Das Bild bzw. das Video wird bei jeder verfügbaren Bildschirmgröße in einem festen Verhältnis vollständig angezeigt. --- Verknüpfte Themen ----------------- Erläuterungen aus dem [toujou](https://www.toujou.de/service/toujou-setup/)- & [TYPO3-Setup](https://www.toujou.de/tutorials/), die mit dieser Elementanleitung in Verbindung stehen. [Bildbearbeitung](https://www.toujou.de/tutorials/seiteninhalte/bildbearbeitung/) [Dateiliste](https://www.toujou.de/tutorials/dateiliste/)