YouTube Videos in TYPOlight einbinden

**jan.theofel** · 16.07.2009, 12:55

Hi,

ich bin gerade wieder bei einem Kunden darüber gestolpert, dass er kein YouTube-Video einbinden konnte. Da das hier im neuen Forum noch nicht beschrieben ist (im alten jedoch schon), hier kurz was zu tun ist:

Vor dem ersten Einbinden müsst ihr unter System/Einstellungen im Feld "Erlaubte HTML-Tags" (Rubrik "Sicherheitseinstellungen") das <embed> Tag hinzufügen.

Danach könnt ihr ihr Content-Elemente vom Typ "HTML" anlegen und dort einfach den von Embed-Code von YouTube reinkopieren.

Jan

**Toflar** · 16.07.2009, 20:59

Hi Jan,

Hab dafür heute meine 1. Erweiterung programmiert.
Youtube-Vids als CE...

Sobald leo's Mailadresse wieder funktioniert und die Anleitungen fürs ER wieder erreichbar sind, werd ich sie veröffentlichen...

**Psi** · 16.07.2009, 21:15

Meine Lightbox4ward kann auch Youtube-Videos darstellen, nur der Vollständigkeit halber.

**Toflar** · 17.07.2009, 17:39

Voilà: https://community.contao.org/de/showthread.php?p=5369

**Dani** · 17.07.2009, 21:36

Tolle Arbeit Toflar. Ich habe mir heute auch gerade überlegt, ob ich ein Youtube-Modul programmieren soll. Super hast du es gemacht!

Danke!

**Dani** · 17.07.2009, 21:45

Ich habe es jetzt gerade getestet. Es funktioniert wunderbar!

**Toflar** · 18.07.2009, 17:56

Freut mich

**JessyBerlin** · 16.01.2012, 12:04

Hi,
wie ist es mit der manuelle Überprüfung - Eingabe vom <embed> Tag? Welche Dateien müssen angepasst werden?

ich habe gerade dem Fehler in einer Seite:

das der HTML Tag aus dem HTML Code gelöscht wird.

Aber im Bereich "Erlaubte HTML-Tags" steht es drin.

in der Datei: localconfig.php stand es drin und in der config.php habe ich es eingefügt, geht aber immer noch nicht.

***xchs*** · 16.01.2012, 12:27

Zitat von JessyBerlin

Aber im Bereich "Erlaubte HTML-Tags" steht es drin.

in der Datei: localconfig.php stand es drin und in der config.php habe ich es eingefügt, geht aber immer noch nicht.

In der Datei "config.php" bitte keine Änderungen machen! Zusätzliche HTML-Elemente können im Backend über das Feld "Erlaubte HTML-Tags" in den "Einstellungen" freigeschalten werden.

**JessyBerlin** · 16.01.2012, 12:42

Schön das die Welt so einfach ist

Nee @xchs ich bin ja nicht auf n Kopf gefallen.

Es wäre schön wenn sie freigeschaltet wären. Nur nach der Eintragung und Speicherung im BE/ Einstellungen/Sicherheitseinstellungen/Erlaubte HTML-Tags ist immer noch nix freigeschaltet. Wie ich oben geschrieben hatte werden die Tags aus dem HTML Code immernoch gelöscht.

Würde die Eintragung gehen würde ich es nicht manuell versuchen!

Anmerkung der <tag> wurde auch aufgenommen nach der speicherung im BE aber wird im HTML Code nicht zugelassen.

***xchs*** · 16.01.2012, 12:45

Tja, aber auf genau diesen Umstand wollte ich hinaus. Wenn bei Dir keine Einstellungen aus dem Backend gespeichert werden, könnte es nämlich sein, dass Du ganz ein anderes Problem hast: unzureichende Schreibrechte (Stichwort: Safe Mode Hack / SMH usw. usf.)

**JessyBerlin** · 16.01.2012, 12:54

was hier dazu steht geht alles
http://www.contao.org/de/using-the-safe-mode-hack.html

Da hatte ich auch keine Probleme.

Anmerkung der <tag> wurde auch aufgenommen nach der speicherung im BE aber wird im HTML Code nicht zugelassen.

***xchs*** · 16.01.2012, 13:08

Wo fügst Du denn diesen Code ein? Im RTE TinyMCE oder über ein Inhaltselement bzw. Frontend-Modul vom Typ "HTML"?

Zitat von jan.theofel

Danach könnt ihr ihr Content-Elemente vom Typ "HTML" anlegen und dort einfach den von Embed-Code von YouTube reinkopieren.

**JessyBerlin** · 16.01.2012, 14:03

Ich fügst in Artikel/Text/HTML dem Code ein:

HTML-Code:

<object height="81" width="100%"> 
    <param name="movie" value="https://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F31485538">
    </param> 
    <param name="allowscriptaccess" value="always">
    </param> 
    <embed allowscriptaccess="always" height="81" src="https://player.soundcloud.com/player.swf?url=http%3A%2F
      %2Fapi.soundcloud.com%2Ftracks%2F31485538"
      type="application/x-shockwave-flash" width="100%">
     </embed> 
</object>  
<span>
<a href="http://soundcloud.com/d-zera/it-goes-on-and-on">It goes on and on</a> by <a href="http://soundcloud.com/d-zera">D-Zera</a></span>

das kommt nach dem Speichern raus:

HTML-Code:

<p>
<object width="100%" height="81">
  <param name="movie" value="https://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F31485538">
  <param name="allowscriptaccess" value="always">
</object> 
<span>
<a href="http://soundcloud.com/d-zera/it-goes-on-and-on">It goes on and on</a> by <a href="http://soundcloud.com/d-zera">D-Zera</a>
</span>
</p>

im BE/ Einstellungen/Sicherheitseinstellungen/Erlaubte HTML-Tags

Code:

<a><abbr><acronym><address><area><article><aside><b><big><blockquote><br><base><bdo><button><caption><cite><code>
<col><colgroup><dd><del><div><dfn><dl><dt><em><embed><figure><figcaption><form><fieldset><hr><h1>
<h2><h3><h4><h5><h6><i><img><input><ins><label><legend><li><link><map><object><ol><optgroup><option><p><pre><param><q><section>
<select><small><span><strong><sub><sup><style><table><tbody><td><textarea><tfoot><th><thead><tr><tt><u><ul>

erlaubt.

***xchs*** · 16.01.2012, 14:13

Zitat von JessyBerlin

Ich fügst in Artikel/Text/HTML dem Code ein:

Ich nehme an, damit meinst Du den HTML-Bearbeitungsmodus des TinyMCE oder?

Ich bin mir fast sicher, dass der TinyMCE das <embed>-Tag rausfiltert und nicht Contao. Dafür gibt es dort auch sog. "Extended Valid Elements" in der Konfiguration, um solcherart Tags freizuschalten.

Füge den Code mal in ein Artikel-Inhaltselement vom Typ "HTML" ein: Wird beim Speichern des Datensatzes auch dort das betreffende Element entfernt?

**JessyBerlin** · 16.01.2012, 14:37

Ja. da ist es sichtbar.... wow, wo änder ich dann dem Editor?

***xchs*** · 16.01.2012, 14:42

Zitat von JessyBerlin

wo änder ich dann dem Editor?

Ín der TinyMCE-Konfiguration unter "system/config/tinyMCE.php". Dort gibt es dann die Zeile

PHP-Code:


extended_valid_elements : "q[cite|class|title],article,section,hgroup,figure,figcaption",

wo Du dann sämtliche gewünschte HTML-Elemente ergänzen kannst.

http://www.tinymce.com/wiki.php/Conf...valid_elements

**JessyBerlin** · 16.01.2012, 14:55

Aja O::K Danke, aber... emmm sei mir nicht bösse, aber was und wie soll ich da reinschreiben ich kenne von PHP gerade mal die Grundlagen...

***xchs*** · 16.01.2012, 14:59

Das <embed>-Element müsstest Du dort ergänzen, also beispielsweise so:

PHP-Code:


extended_valid_elements : "q[cite|class|title],article,section,hgroup,figure,figcaption,embed",

Wenn man die Einschränkung auch auf bestimmte Element-Attribute begrenzen möchte, könnte man diese in eckigen Klammern angeben, so wie das bereits für das <q>-Element gemacht wurde...

Wichtig: Die Datei mit einem Text-Editor öffnen, welcher beim Speichern die Kodierung auf UTF-8 beibehält!

http://de.contaowiki.org/UTF-8_ohne_BOM

**JessyBerlin** · 16.01.2012, 15:15

Cool jetzt ist der <embed> zugelassen, der steht jetzt "blanko" im Quelltext. Nur der Anhang fehlt....

HTML-Code:

...<
<param name="allowscriptaccess" value="always">
<embed> 
</object>
...>

Code:

<embed allowscriptaccess="always" height="81" src="https://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F31485538" type="application/x-shockwave-flash" width="100%">
</embed>