ilch Forum » Ilch CMS 2.x » Allgemein » YouTube Video in Artikel

Geschlossen
  1. #1
    User Pic
    Baujahr73 Mitglied
    Registriert seit
    05.09.2013
    Beiträge
    79
    Beitragswertungen
    12 Beitragspunkte
    Guten Morgen zusammen,

    wie bekommt man denn ein YouTube Video in einem Artikel eingebunden?

    Ich habe das schon über Media und dann Insert Video versucht, aber da wird mir dann nur ein Player angezeigt der keinen Inhalt hat!

    Gruß Baujahr


    verwendete ilch Version: 2.x

    betroffene Homepage: www.lastfighters.de
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    magicmarkus Mitglied
    Registriert seit
    10.02.2014
    Beiträge
    221
    Beitragswertungen
    7 Beitragspunkte
    Hallöchen, dafür brauchst du bissel was.

    1. Geh auf den folgenden Link und lad dir das Youtube Packet runter: ckeditor.com/addon/youtube

    2. öffne dein webspace, also da wo ilch liegt. gehe dann in das Verzeichniss vendor/ckeditor/ckeditor/plughins -> dort kopierst du den youtube Ordner aus der Zipdatei rein.

    3. gehe in das Hauptverzeichnis des ckleditors, öffne die config.js

    /**
     * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
     * For licensing, see LICENSE.md or http://ckeditor.com/license
     */
    
    CKEDITOR.editorConfig = function( config ) {
    	// Define changes to default configuration here.
    	// For complete reference see:
    	// http://docs.ckeditor.com/#!/api/CKEDITOR.config
    	config.extraPlugins = 'youtube';
    	// The toolbar groups arrangement, optimized for two toolbar rows.
    	config.toolbarGroups = [
    		{ name: 'clipboard',   groups: [ 'clipboard', 'undo' ] },
    		{ name: 'editing',     groups: [ 'find', 'selection', 'spellchecker' ] },
    		{ name: 'links' },
    		{ name: 'insert' },
    		{ name: 'forms' },
    		{ name: 'tools' },
    		{ name: 'document',	   groups: [ 'mode', 'document', 'doctools' ] },
    		{ name: 'others' },
    		'/',
    		{ name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
    		{ name: 'paragraph',   groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ] },
    		{ name: 'styles' },
    		{ name: 'colors' },
    		{ name: 'youtube' },
    		{ name: 'about' }
    	];
    
    	// Remove some buttons provided by the standard plugins, which are
    	// not needed in the Standard(s) toolbar.
    	config.removeButtons = 'Underline,Subscript,Superscript';
    
    	// Set the most common block elements.
    	config.format_tags = 'p;h1;h2;h3;pre';
    
    	// Simplify the dialog windows.
    	config.removeDialogTabs = 'image:advanced;link:advanced';
    };


    4. Geh das ilch hauptverzeichnis, dann unter static/js/ckeditor öffnest du die Datei config_ilch_html.js

    Das dort es so dann aussieht

    /**
     * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
     * For licensing, see LICENSE.md or http://ckeditor.com/license
     */
    
    CKEDITOR.editorConfig = function( config ) {
        if (typeof ilchMediaPlugin !== "undefined" && typeof ilchPsPlugin !== "undefined") {
            CKEDITOR.plugins.addExternal('ilchmedia', ilchMediaPlugin);
            CKEDITOR.plugins.addExternal('ilchps', ilchPsPlugin);
            config.extraPlugins = "justify,font,colorbutton,colordialog,youtube,ilchmedia,ilchps";
        }
        else if (typeof ilchMediaPlugin !== "undefined") {
            CKEDITOR.plugins.addExternal('ilchmedia', ilchMediaPlugin);
            config.extraPlugins = "justify,font,colorbutton,colordialog,youtube,ilchmedia";
        }
    
        config.protectedSource.push(/<i[^>]*><\/i>/g);
        config.protectedSource.push(/<\?[\s\S]*?\?>/g);
        config.toolbar = 'ilch_html';
        config.toolbar_ilch_html = [
            { name: 'document', groups: [ 'mode' ], items: [ 'Source' ] },
            { name: 'clipboard', groups: [ 'clipboard', 'undo' ], items: [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ] },
            { name: 'editing', groups: [ 'spellchecker' ], items: [ 'Scayt' ] },
            '/',
            { name: 'basicstyles', groups: [ 'basicstyles', 'alignment', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'RemoveFormat' ] },
            { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', 'CreateDiv', '-', 'BidiLtr', 'BidiRtl', 'Language' ] },
            { name: 'links', items: [ 'Link', 'Unlink', 'Anchor' ] },
            { name: 'insert', items: [ 'Table', 'HorizontalRule' ] },
            '/',
            { name: 'styles', items: [ 'Styles', 'Format', 'Font', 'FontSize' ] },
            { name: 'colors', items: [ 'TextColor', 'BGColor' ] },
            { name: 'tools', items: [ 'Maximize' ] },
    		{ name: 'others', items: [ 'Youtube' ] },
            { name: 'insert', items: [ 'ilchmedia', 'ilchps' ] }
        ];
    };
    1 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Baujahr73 Mitglied
    Registriert seit
    05.09.2013
    Beiträge
    79
    Beitragswertungen
    12 Beitragspunkte
    Hat Super geklappt.

    Ich danke Dir für deine Hilfe!
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    BleckHall Mitglied
    Registriert seit
    11.11.2014
    Beiträge
    147
    Beitragswertungen
    1 Beitragspunkte
    Huhu,
    hab es auch gerade nach anleitung gemacht wie genau kann ich das video jetzt einfügen ??
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Baujahr73 Mitglied
    Registriert seit
    05.09.2013
    Beiträge
    79
    Beitragswertungen
    12 Beitragspunkte
    Hi, da müsste jetzt im bbcode ein neuer Button sein, links neben Media, da mal drauf klicken
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    BleckHall Mitglied
    Registriert seit
    11.11.2014
    Beiträge
    147
    Beitragswertungen
    1 Beitragspunkte
    ZitatZitat geschrieben von Baujahr73
    Hi, da müsste jetzt im bbcode ein neuer Button sein, links neben Media, da mal drauf klicken

    ist bei mir nicht der fall genervt
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    Baujahr73 Mitglied
    Registriert seit
    05.09.2013
    Beiträge
    79
    Beitragswertungen
    12 Beitragspunkte
    Ich musste meinen Browser verlauf löschen, danach war es bei mir sichtbar. Falls das nicht klappt hast du etwas beim einbinden falsch gemacht.
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    BleckHall Mitglied
    Registriert seit
    11.11.2014
    Beiträge
    147
    Beitragswertungen
    1 Beitragspunkte
    jup hat geklappt danbke dir glücklich
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    Harzflip1 Mitglied
    Registriert seit
    18.03.2017
    Beiträge
    17
    Beitragswertungen
    0 Beitragspunkte
    Hallo,

    ich habe es bisher immer über iframe gemacht und hat super funktioniert.

    <p style="text-align: center;">&nbsp;</p>
    
    <p style="text-align: center;"><iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/-1mkvWi4hpw" width="560"></iframe></p>
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    Baujahr73 Mitglied
    Registriert seit
    05.09.2013
    Beiträge
    79
    Beitragswertungen
    12 Beitragspunkte
    Hi.
    Jedes mal den iframe einfügen ist mir zu umständlich, da ist mir die Lösung vom magicmarkus doch schon lieber! zwinker

    Du hast da aber eine Feste Größe mit height="315" und width="560" angegeben, so passt das mit der Mobilen Ansicht nicht, da das Video dann nach rechts hin aus dem Content geht!

    Versuchs mal in Prozent anzugeben!


    Zuletzt modifiziert von Baujahr73 am 16.09.2017 - 12:21:17
    1 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    Willstar Mitglied
    Registriert seit
    15.12.2006
    Beiträge
    6
    Beitragswertungen
    0 Beitragspunkte
    Kann man das auch irgendwie ins Forum einbinden ???
    0 Mitglieder finden den Beitrag gut.
  12. #12
    User Pic
    multigamer4fun Mitglied
    Registriert seit
    13.10.2017
    Beiträge
    1
    Beitragswertungen
    1 Beitragspunkte
    ZitatZitat geschrieben von Willstar
    Kann man das auch irgendwie ins Forum einbinden ???


    Ja, kann man, Änderung wie oben beschrieben, bis auf die Änderung in der "config_ilch_html.js"

    Da nimmst Du einfach die "config_ilch_bbcode.js" und änderst wie folgt:

    /**
     * @license Copyright (c) 2003-2014, CKSource - Frederico Knabben. All rights reserved.
     * For licensing, see LICENSE.html or http://ckeditor.com/license
     * Inkl. YouTube Plugin
     */
    
    CKEDITOR.editorConfig = function (config) {
        if (typeof ilchSmileysPlugin !== "undefined") {
            CKEDITOR.plugins.addExternal('ilchsmileys', ilchSmileysPlugin);
            config.extraPlugins = "bbcode,font,colorbutton,codesnippet,youtube,ilchsmileys";
            config.fontSize_sizes = "30/30%;50/50%;100/100%;120/120%;150/150%;200/200%;300/300%";
        }
        config.toolbar = 'ilch_bbcode';
        config.toolbar_ilch_bbcode = [
            ['Undo', 'Redo'],
            ['RemoveFormat', '-', 'Bold', 'Italic', 'Underline', 'FontSize', 'TextColor'],
            ['NumberedList', 'BulletedList', 'Blockquote', 'CodeSnippet'],
            ['Link', 'Unlink', 'Image', 'ilchsmileys'],
            ['Maximize'],
    		['Youtube']
        ];
    };


    Achte darauf, dass wenn Du das "['Youtube'] ans Ende stellst, Du hinter dem vorherigen ein "," setzt!

    Viel Spaß damit... P.S. Hoffe habe gerade nichts in der Eile vergessen, also wie immer BackUp der Originalen machen!
    1 Mitglieder finden den Beitrag gut.
  13. #13
    User Pic
    Willstar Mitglied
    Registriert seit
    15.12.2006
    Beiträge
    6
    Beitragswertungen
    0 Beitragspunkte
    Nach dem einfügen wird das video im Forum post nicht gespeichert.

    Wenn ich ein Artikel erstelle ohne probleme !


    Zuletzt modifiziert von Willstar am 15.10.2017 - 10:40:41
    0 Mitglieder finden den Beitrag gut.
  14. #14
    User Pic
    magicmarkus Mitglied
    Registriert seit
    10.02.2014
    Beiträge
    221
    Beitragswertungen
    7 Beitragspunkte
    ja ist auch klar. weil artikel ist html, und forum ist bbcode
    ist zwar alles der selbe editor. aber aus sicherheitsgründen wird im frontentbereich bbcode verwendet und der ist etwas unfuntional. spricht rudimentär
    1 Mitglieder finden den Beitrag gut.
  15. #15
    User Pic
    Willstar Mitglied
    Registriert seit
    15.12.2006
    Beiträge
    6
    Beitragswertungen
    0 Beitragspunkte
    ZitatZitat geschrieben von magicmarkus
    ja ist auch klar. weil artikel ist html, und forum ist bbcode
    ist zwar alles der selbe editor. aber aus sicherheitsgründen wird im frontentbereich bbcode verwendet und der ist etwas unfuntional. spricht rudimentär


    Danke. Jetzt ich schlau zwinker
    0 Mitglieder finden den Beitrag gut.
  16. #16
    User Pic
    mibon Mitglied
    Registriert seit
    15.07.2017
    Beiträge
    11
    Beitragswertungen
    0 Beitragspunkte
    Lade dir das neue bbcoder 2.0 glaube ich drauf installiere es und gebe dies so ein in irgend einer Seite [video=YouTube]deinyoutube-url.de[/video]
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Allgemein

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten