Merge branch 'master' into dist/envole/7/master

src/nineschool-1.0/config/packages/fos_ckeditor.yaml

@@ -11,10 +11,21 @@ fos_ck_editor:
         full_config:
             language: fr
             toolbar: "my_full_toolbar"
+            extraPlugins: ["html5video","youtube"]
         small_config:
             language: fr
             toolbar: "my_small_toolbar"
             removePlugins: 'elementspath'       
+    plugins:
+        youtube:
+            path:     "build/ckeditor/plugins/youtube/" 
+            filename: "plugin.js"    
+        html5video:
+            path:     "build/ckeditor/plugins/html5video/" 
+            filename: "plugin.js"    
+        pastebase64:
+            path:     "build/ckeditor/plugins/pastebase64/" 
+            filename: "plugin.js"   
     toolbars:
         configs:
             my_full_toolbar: [ "@document1", "-", "@clipboard1", "-", "@basicstyles1", "-", "@paragraph1", "/", "@links1", "-", "@insert1", "-", "@styles1", "-" , "@colors1", "-" , "@tools1" ]

src/nineschool-1.0/public/build/ckeditor/plugins/html5video/dialogs/html5video.js

@@ -0,0 +1,259 @@
+CKEDITOR.dialog.add( 'html5video', function( editor ) {
+    return {
+        title: editor.lang.html5video.title,
+        minWidth: 500,
+        minHeight: 100,
+        contents: [ {
+            id: 'info',
+            label: editor.lang.html5video.infoLabel,
+            elements: [ 
+            {
+                type: 'vbox',
+                padding: 0,
+                children: [
+                    {
+                    type: 'hbox',
+                    widths: [ '365px', '110px' ],
+                    align: 'right',
+                    children: [ {
+                        type: 'text',
+                        id: 'url',
+                        label: editor.lang.html5video.allowed,
+                        required: true,
+                        validate: CKEDITOR.dialog.validate.notEmpty( editor.lang.html5video.urlMissing ),
+                        setup: function( widget ) {
+                            this.setValue( widget.data.src );
+                        },
+                        commit: function( widget ) {
+                            widget.setData( 'src', this.getValue() );
+                        }
+                    },
+                    {
+                        type: 'button',
+                        id: 'browse',
+                        // v-align with the 'txtUrl' field.
+                        // TODO: We need something better than a fixed size here.
+                        style: 'display:inline-block;margin-top:14px;',
+                        align: 'center',
+                        label: editor.lang.common.browseServer,
+                        hidden: true,
+                        filebrowser: 'info:url'
+                    } ]
+                } ]
+            },
+            {
+                type: 'checkbox',
+                id: 'responsive',
+                label: editor.lang.html5video.responsive,
+                setup: function( widget ) {
+                    this.setValue( widget.data.responsive );
+                },
+                commit: function( widget ) {
+                    widget.setData( 'responsive', this.getValue()?'true':'' );
+                }
+            },
+            {
+                type: 'vbox',
+                padding: 0,
+                
+                children: [{
+                    type: 'hbox',
+                    widths: [ '365px', '110px' ],
+                    align: 'right',
+                    children: [ {
+                        type: 'text',
+                        id: 'poster',
+                        label: editor.lang.html5video.poster,
+                        setup: function( widget ) {
+                            this.setValue( widget.data.poster );
+                        },
+                        commit: function( widget ) {
+                            widget.setData( 'poster', this.getValue() );
+                        }
+                    },
+                    {
+                        type: 'button',
+                        id: 'browseposter',
+                        // v-align with the 'txtUrl' field.
+                        // TODO: We need something better than a fixed size here.
+                        style: 'display:inline-block;margin-top:14px;',
+                        align: 'center',
+                        label: editor.lang.common.browseServer,
+                        hidden: true,
+                        filebrowser:{action:"Browse",target:"info:poster",url:editor.config.filebrowserImageBrowseUrl}
+                    } ]
+                }]
+            },
+            {
+                type: 'checkbox',
+                id: 'controls',
+                label: editor.lang.html5video.controls,
+                setup: function (widget) {
+                    this.setValue(widget.data.controls);
+                },
+                commit: function (widget) {
+                    widget.setData('controls', this.getValue() ? 'true' : '');
+                }
+            },
+            {
+                type: 'hbox',
+                id: 'size',
+                children: [ {
+                    type: 'text',
+                    id: 'width',
+                    label: editor.lang.common.width,
+                    setup: function( widget ) {
+                        if ( widget.data.width ) {
+                            this.setValue( widget.data.width );
+                        }
+                    },
+                    commit: function( widget ) {
+                        widget.setData( 'width', this.getValue() );
+                    }
+                },
+                {
+                    type: 'text',
+                    id: 'height',
+                    label: editor.lang.common.height,
+                    setup: function( widget ) {
+                        if ( widget.data.height ) {
+                            this.setValue( widget.data.height );
+                        }
+                    },
+                    commit: function( widget ) {
+                        widget.setData( 'height', this.getValue() );
+                    }
+                },
+                ]
+            },
+
+            {
+                type: 'hbox',
+                id: 'alignment',
+                children: [ {
+                    type: 'radio',
+                    id: 'align',
+                    label: editor.lang.common.align,
+                    items: [
+                        [editor.lang.common.alignCenter, 'center'],
+                        [editor.lang.common.alignLeft, 'left'],
+                        [editor.lang.common.alignRight, 'right'],
+                        [editor.lang.common.alignNone, 'none']
+                    ],
+                    'default': 'center',
+                    setup: function( widget ) {
+                        if ( widget.data.align ) {
+                            this.setValue( widget.data.align );
+                        }
+                    },
+                    commit: function( widget ) {
+                        widget.setData( 'align', this.getValue() );
+                    }
+                } ]
+            } ]
+        },
+        {
+            id: 'Upload',
+            hidden: true,
+            filebrowser: 'uploadButton',
+            label: editor.lang.html5video.upload,
+            elements: [ {
+                type: 'file',
+                id: 'upload',
+                label: editor.lang.html5video.btnUpload,
+                style: 'height:40px',
+                size: 38
+            },
+            {
+                type: 'fileButton',
+                id: 'uploadButton',
+                filebrowser: 'info:url',
+                label: editor.lang.html5video.btnUpload,
+                'for': [ 'Upload', 'upload' ]
+            } ]
+        },
+        {
+            id: 'advanced',
+            label: editor.lang.html5video.advanced,
+            elements: [ {
+                type: 'vbox',
+                padding: 10,
+                children: [ {
+                    type: 'hbox',
+                    widths: ["33%", "33%", "33%"],
+                    children: [ {
+                        type: 'radio',
+                        id: 'autoplay',
+                        label: editor.lang.html5video.autoplay,
+                        items: [
+                            [editor.lang.html5video.yes, 'yes'],
+                            [editor.lang.html5video.no, 'no']
+                        ],
+                        'default': 'no',
+                        setup: function( widget ) {
+                            if ( widget.data.autoplay ) {
+                                this.setValue( widget.data.autoplay );
+                            }
+                        },
+                        commit: function( widget ) {
+                            widget.setData( 'autoplay', this.getValue() );
+                        }
+                    }, 
+                    {
+                        type: 'radio',
+                        id: 'loop',
+                        label: editor.lang.html5video.loop,
+                        items: [
+                            [editor.lang.html5video.yes, 'yes'],
+                            [editor.lang.html5video.no, 'no']
+                        ],
+                        'default': 'no',
+                        setup: function( widget ) {
+                            if ( widget.data.loop ) {
+                                this.setValue( widget.data.loop );
+                            }
+                        },
+                        commit: function( widget ) {
+                            widget.setData( 'loop', this.getValue() );
+                        }
+                    },
+                    {
+                        type: 'radio',
+                        id: 'allowdownload',
+                        label: editor.lang.html5video.allowdownload,
+                        items: [
+                            [editor.lang.html5video.yes, 'yes'],
+                            [editor.lang.html5video.no, 'no']
+                        ],
+                        'default': 'no',
+                        setup: function( widget ) {
+                            if ( widget.data.allowdownload ) {
+                                this.setValue(widget.data.allowdownload);
+                            }
+                        },
+                        commit: function( widget ) {
+                            widget.setData( 'allowdownload', this.getValue() );
+                        }
+                    } ]
+                }, 
+                {
+                    type: 'hbox',
+                    children: [ {
+                        type: "text",
+                        id: 'advisorytitle',
+                        label: editor.lang.html5video.advisorytitle,
+                        'default': '',
+                        setup: function( widget ) {
+                            if ( widget.data.advisorytitle ) {
+                                this.setValue(widget.data.advisorytitle);
+                            }
+                        },
+                        commit: function( widget ) {
+                            widget.setData( 'advisorytitle', this.getValue() );
+                        }
+                    } ]
+                } ]
+            } ]
+        } ]
+    };
+} );

src/nineschool-1.0/public/build/ckeditor/plugins/html5video/lang/bg.js

@@ -0,0 +1,20 @@
+CKEDITOR.plugins.setLang( 'html5video', 'bg', {
+    button: 'Вмъква HTML5 видео',
+    title: 'HTML5 видео',
+    infoLabel: 'Видео',
+    allowed: 'Допустими файлови разширения: MP4, WebM, Ogv',
+    urlMissing: 'URL адресът на източника на видео липсва.',
+    videoProperties: 'Свойства на видео',
+    upload: 'Качване',
+    btnUpload: 'Изпрати на сървъра',
+    advanced: 'Разширено',
+    autoplay: 'Автоматично изпълнение',
+    allowdownload: 'Позволено изтегляне?',
+    advisorytitle: 'Заглавие',
+    yes: 'Да',
+    no: 'Не',
+    loop: 'Циклично изпълнение',
+    responsive: 'Адаптивна ширина',
+    controls: 'Показване на контролите',
+    poster: 'URL миниатюра'
+} );

src/nineschool-1.0/public/build/ckeditor/plugins/html5video/lang/ca.js

@@ -0,0 +1,20 @@
+CKEDITOR.plugins.setLang( 'html5video', 'ca', {
+    button: "Insereix un vídeo HTML5",
+    title: "Vídeo HTML5",
+    infoLabel: "Informació del vídeo",
+    allowed: "Extensions d'arxius permeses: MP4, WebM, Ogv",
+    urlMissing: "Falta l'URL de la font de vídeo.",
+    videoProperties: "Propietats de vídeo",
+    upload: "Pujar",
+    btnUpload: "Envia-lo al servidor",
+    advanced: "Avançat",
+    autoplay: "Reproducció automàtica?",
+    allowdownload: 'Allow download?',
+    advisorytitle: 'Advisory title',
+    yes: "Sí",
+    no: "No",
+    loop: "Bucle?",
+    responsive: "Ample adaptatiu",
+    controls: "Mostra els controls",
+    poster: "Miniatura"
+} );

src/nineschool-1.0/public/build/ckeditor/plugins/html5video/lang/de.js

@@ -0,0 +1,17 @@
+CKEDITOR.plugins.setLang( 'html5video', 'de', {
+    button: 'HTML5 Video einfügen',
+    title: 'HTML5 Video',
+    infoLabel: 'Video Infos',
+    allowed: 'Erlaubte Dateierweiterungen: MP4, WebM, Ogv',
+    urlMissing: 'Sie haben keine URL zur Video-Datei angegeben.',
+    videoProperties: 'Video-Einstellungen',
+    upload: 'Hochladen',
+    btnUpload: 'Zum Server senden',
+    advanced: 'Erweitert',
+    autoplay: 'Autoplay?',
+    allowdownload: 'Allow download?',
+    advisorytitle: 'Advisory title',
+    yes: 'Ja',
+    no: 'Nein',
+    controls: 'Steuerelemente anzeigen'
+} );

src/nineschool-1.0/public/build/ckeditor/plugins/html5video/lang/en.js

@@ -0,0 +1,20 @@
+CKEDITOR.plugins.setLang( 'html5video', 'en', {
+    button: 'Insert HTML5 video',
+    title: 'HTML5 video',
+    infoLabel: 'Video info',
+    allowed: 'Allowed file extensions: MP4, WebM, Ogv',
+    urlMissing: 'Video source URL is missing.',
+    videoProperties: 'Video properties',
+    upload: 'Upload',
+    btnUpload: 'Send it to the server',
+    advanced: 'Advanced',
+    autoplay: 'Autoplay?',
+    allowdownload: 'Allow download?',
+    advisorytitle: 'Advisory title',
+    yes: 'Yes',
+    no: 'No',
+    loop: 'Loop?',
+    responsive: 'Responsive width',
+    controls: 'Show controls',
+    poster: 'Thumbnail'
+} );

src/nineschool-1.0/public/build/ckeditor/plugins/html5video/lang/es.js

@@ -0,0 +1,18 @@
+CKEDITOR.plugins.setLang( 'html5video', 'es', {
+    button: 'Insertar video HTML5',
+    title: 'Video HTML5',
+    infoLabel: 'Información del video',
+    allowed: 'Extensiones de archivo permitidas: MP4, WebM, Ogv',
+    urlMissing: 'La URL del video no puede estar vacía.',
+    videoProperties: 'Propiedades del video',
+    upload: 'Cargar',
+    btnUpload: 'Enviar al servidor',
+    advanced: 'Avanzado',
+    autoplay: '¿Reproducir automáticamente?',
+    allowdownload: 'Allow download?',
+    advisorytitle: 'Advisory title',
+    yes: 'Sí',
+    no: 'No',
+    responsive: '¿Responsive?',
+    controls: 'Mostrar controles'
+} );

src/nineschool-1.0/public/build/ckeditor/plugins/html5video/lang/eu.js

@@ -0,0 +1,17 @@
+CKEDITOR.plugins.setLang( 'html5video', 'eu', {
+    button: 'Txertatu HTML5 bideoa',
+    title: 'HTML5 bideoa',
+    infoLabel: 'Bideoaren informazioa',
+    allowed: 'Baimendutako fitxategi luzapenak: MP4, WebM, Ogv',
+    urlMissing: 'Bideoaren URLak ezin du hutsik egon.',
+    videoProperties: 'Bideoaren propietateak',
+    upload: 'Kargatu',
+    btnUpload: 'Bidali zerbitzarira',
+    advanced: 'Aurreratua',
+    autoplay: 'Automatikoki erreproduzitu?',
+    allowdownload: 'Allow download?',
+    advisorytitle: 'Advisory title',
+    yes: 'Bai',
+    no: 'Ez',
+    controls: 'Erakutsi kontrolak?'
+} );

src/nineschool-1.0/public/build/ckeditor/plugins/html5video/lang/fa.js

@@ -0,0 +1,18 @@
+CKEDITOR.plugins.setLang( 'html5video', 'fa', {
+    button: 'وارد کردن ویدیوی HTML5',
+    title: 'ویدیوی HTML5',
+    infoLabel: 'اطلاعات ویدیو',
+    allowed: 'پسوندهای مجاز فایل: MP4, WebM, Ogv',
+    urlMissing: 'URL منبع ویدیو پیدا نشد.',
+    videoProperties: 'خواهص ویدیو',
+    upload: 'بارگذاری',
+    btnUpload: 'ارسال به سرور',
+    advanced: 'پیشرفته',
+    autoplay: 'پخش خودکار؟',
+    allowdownload: 'Allow download?',
+    advisorytitle: 'Advisory title',
+    yes: 'بله',
+    no: 'خیر',
+    responsive: 'عرض واکنشگرا',
+    controls: 'نمایش کنترل؟'
+} );

src/nineschool-1.0/public/build/ckeditor/plugins/html5video/lang/fr.js

@@ -0,0 +1,17 @@
+CKEDITOR.plugins.setLang( 'html5video', 'fr', {
+    button: 'Insérer un lecteur video HTML5',
+    title: 'HTML5 video',
+    infoLabel: 'Informations video',
+    allowed: 'Extensions de fichiers autorisées: MP4, WebM, Ogv',
+    urlMissing: 'URL de la source video manquante. Veuillez la renseigner.',
+    videoProperties: 'Propriétés Video',
+    upload: 'Télécharger',
+    btnUpload: 'Envoyer vers le serveur',
+    advanced: 'Avancé',
+    autoplay: 'Jouer automatiquement ?',
+    allowdownload: 'Allow download?',
+    advisorytitle: 'Advisory title',
+    yes: 'Oui',
+    no: 'Non',
+    controls: 'Afficher les contrôles ?'
+} );

src/nineschool-1.0/public/build/ckeditor/plugins/html5video/lang/he.js

@@ -0,0 +1,18 @@
+
+CKEDITOR.plugins.setLang('html5video', 'he', {
+    button: 'הוסף וידאו HTML5',
+    title: 'וידאו HTML5',
+    infoLabel: 'מידע וידאו',
+    allowed: 'סוגי קבצים מורשים: MP4, WebM, Ogv',
+    urlMissing: 'כתובת הוידאו חסרה',
+    videoProperties: 'מאפייני וידאו',
+    upload: 'העלה',
+    btnUpload: 'שלח לשרת',
+    advanced: 'מתקדם',
+    autoplay: 'ניגון אוטומטי?',
+    allowdownload: 'Allow download?',
+    advisorytitle: 'Advisory title',
+    yes: 'כן',
+    no: 'לא',
+    responsive: 'רוחב רספונסיבי'
+});

src/nineschool-1.0/public/build/ckeditor/plugins/html5video/lang/ko.js

@@ -0,0 +1,20 @@
+CKEDITOR.plugins.setLang( 'html5video', 'ko', {
+    button: 'HTML5 비디오 추가하기',
+    title: 'HTML5 비디오',
+    infoLabel: '비디오 정보',
+    allowed: '허용된 파일 확장자들: MP4, WebM, Ogv',
+    urlMissing: '비디오 Url이 없습니다.',
+    videoProperties: '비디오 속성',
+    upload: '업로드',
+    btnUpload: '서버로 전송',
+    advanced: '고급',
+    autoplay: '자동재생?',
+    allowdownload: 'Allow download?',
+    advisorytitle: 'Advisory title',
+    yes: '네',
+    no: '아니오',
+    loop: '무한반복?',
+    responsive: '반응형 너비',
+    controls: '컨트롤 보여주기',
+    poster: '썸네일'
+} );

src/nineschool-1.0/public/build/ckeditor/plugins/html5video/lang/pl.js

@@ -0,0 +1,18 @@
+CKEDITOR.plugins.setLang( 'html5video', 'pl', {
+    button: 'Wstaw HTML5 video',
+    title: 'HTML5 video',
+    infoLabel: 'Informacje',
+    allowed: 'Dozwolone typy plików: MP4, WebM, Ogv',
+    urlMissing: 'Nie znaleziono URL do pliku video.',
+    videoProperties: 'Właściwości',
+    upload: 'Wrzuć plik',
+    btnUpload: 'Wyślij na serwer',
+    advanced: 'Zaawansowane',
+    autoplay: 'Autoodtwarzanie?',
+    allowdownload: 'Allow download?',
+    advisorytitle: 'Advisory title',
+    yes: 'Tak',
+    no: 'Nie',
+    responsive: 'Szerokość responsywna',
+    controls: 'Pokaż kontrolki'
+} );

src/nineschool-1.0/public/build/ckeditor/plugins/html5video/lang/pt-br.js

@@ -0,0 +1,18 @@
+CKEDITOR.plugins.setLang( 'html5video', 'pt-br', {
+    button: 'Inserir vídeo HTML5',
+    title: 'HTML5 video',
+    infoLabel: 'Informações do Vídeo',
+    allowed: 'Extensões permitidas: MP4, WebM, Ogv',
+    urlMissing: 'O URL do vídeo está faltando.',
+    videoProperties: 'Propriedades do vídeo',
+    upload: 'Upload',
+    btnUpload: 'Enviar para o servidor',
+    advanced: 'Avançado',
+    autoplay: 'Autoplay?',
+    allowdownload: 'Allow download?',
+    advisorytitle: 'Advisory title',
+    yes: 'Sim',
+    no: 'Não',
+    responsive: 'Largura responsiva',
+    controls: 'Exibir controles'
+} );

src/nineschool-1.0/public/build/ckeditor/plugins/html5video/lang/pt.js

@@ -0,0 +1,18 @@
+CKEDITOR.plugins.setLang( 'html5video', 'pt', {
+    button: 'Inserir vídeo HTML5',
+    title: 'HTML5 video',
+    infoLabel: 'Informações do Vídeo',
+    allowed: 'Extensões permitidas: MP4, WebM, Ogv',
+    urlMissing: 'O URL do vídeo está faltando.',
+    videoProperties: 'Propriedades do vídeo',
+    upload: 'Upload',
+    btnUpload: 'Enviar para o servidor',
+    advanced: 'Avançado',
+    autoplay: 'Autoplay?',
+    allowdownload: 'Allow download?',
+    advisorytitle: 'Advisory title',
+    yes: 'Sim',
+    no: 'Não',
+    responsive: 'Largura responsiva',
+    controls: 'Exibir controles'
+} );

src/nineschool-1.0/public/build/ckeditor/plugins/html5video/lang/ru.js

@@ -0,0 +1,21 @@
+CKEDITOR.plugins.setLang( 'html5video', 'ru', {
+    button: 'Вставить HTML5 видео',
+    title: 'HTML5 видео',
+    infoLabel: 'Видео',
+    allowed: 'Допустимые расширения файлов: MP4, WebM, Ogv',
+    urlMissing: 'Не выбран источник видео',
+    videoProperties: 'Свойства видео',
+    upload: 'Загрузить',
+    btnUpload: 'Загрузить на сервер',
+    advanced: 'Дополнительно',
+    autoplay: 'Автовоспроизведение',
+    allowdownload: 'Разрешить загрузку',
+    advisorytitle: 'Заголовок',
+    yes: 'Да',
+    no: 'Нет',
+    responsive: 'Адаптивная ширина',
+    controls: 'Показать элементы управления',
+    loop: 'Зациклить',
+    poster: 'Постер',
+    advisorytitle: 'Пояснительный текст'
+} );

src/nineschool-1.0/public/build/ckeditor/plugins/html5video/lang/uk.js

@@ -0,0 +1,17 @@
+CKEDITOR.plugins.setLang( 'html5video', 'uk', {
+    button: 'Вставити HTML5 відео',
+    title: 'HTML5 відео',
+    infoLabel: 'Інформація',
+    allowed: 'Допустимі розширення файлів: MP4, WebM, Ogv',
+    urlMissing: 'Не обрано джерела відео',
+    videoProperties: 'Властивості відео',
+    upload: 'Відвантажити',
+    btnUpload: 'Відвантажити на сервер',
+    advanced: 'Додатково',
+    autoplay: 'Автовідтворення?',
+    allowdownload: 'Allow download?',
+    advisorytitle: 'Advisory title',
+    yes: 'Так',
+    no: 'Ні',
+    controls: 'Показати елементи керування?'
+} );

src/nineschool-1.0/public/build/ckeditor/plugins/html5video/lang/uz.js

@@ -0,0 +1,17 @@
+CKEDITOR.plugins.setLang( 'html5video', 'uz', {
+    button: 'HTML5 video qo‘shing',
+    title: 'HTML5 video',
+    infoLabel: 'Video ma\'lumot',
+    allowed: 'Ruxsat etilgan kengaytmalar: MP4, WebM, Ogv',
+    urlMissing: 'Video\'ning URL manbasi topilmadi.',
+    videoProperties: 'Video xususiyatlari',
+    upload: 'Yuklash',
+    btnUpload: 'Serverga jo‘natish',
+    advanced: 'Kengaytrilgan',
+    autoplay: 'Avtoijro?',
+    allowdownload: 'Allow download?',
+    advisorytitle: 'Advisory title',
+    yes: 'Ha',
+    no: 'Yo‘q',
+    controls: 'Tekshiruvlarni ko‘rsatish'
+} );

src/nineschool-1.0/public/build/ckeditor/plugins/html5video/lang/zh-cn.js

@@ -0,0 +1,18 @@
+CKEDITOR.plugins.setLang( 'html5video', 'zh-cn', {
+    button: '发布HTML5视频',
+    title: 'HTML5视频',
+    infoLabel: '视频信息',
+    allowed: '支持格式: MP4, WebM, Ogv',
+    urlMissing: '视频url',
+    videoProperties: '视频属性',
+    upload: '上传视频',
+    btnUpload: '上传',
+    advanced: '高级',
+    autoplay: '自动播放',
+    allowdownload: 'Allow download?',
+    advisorytitle: 'Advisory title',
+    yes: '是',
+    no: '否',
+    responsive: '自动宽度',
+    controls: '显示控件？'
+} );

src/nineschool-1.0/public/build/ckeditor/plugins/html5video/plugin.js

@@ -0,0 +1,196 @@
+CKEDITOR.plugins.add( 'html5video', {
+    requires: 'widget',
+    lang: 'bg,ca,de,en,eu,es,ru,uk,fr,ko,pt,pt-br,pl',
+    icons: 'html5video',
+    init: function( editor ) {
+        editor.widgets.add( 'html5video', {
+            button: editor.lang.html5video.button,
+            template: '<div class="ckeditor-html5-video"></div>',
+            /*
+             * Allowed content rules (http://docs.ckeditor.com/#!/guide/dev_allowed_content_rules):
+             *  - div-s with text-align,float,margin-left,margin-right inline style rules and required ckeditor-html5-video class.
+             *  - video tags with src, controls, width and height attributes.
+             */
+            allowedContent: 'div[data-responsive](!ckeditor-html5-video){text-align,float,margin-left,margin-right}; video[src,poster,controls,autoplay,width, height,loop]{max-width,height};',
+            requiredContent: 'div(ckeditor-html5-video); video[src];',
+            upcast: function( element ) {
+                return element.name === 'div' && element.hasClass( 'ckeditor-html5-video' );
+            },
+            dialog: 'html5video',
+            init: function() {
+                var src = '';
+                var autoplay = '';
+                var loop = '';
+                var controls = '';
+                var align = this.element.getStyle( 'text-align' );
+
+                var width = '';
+                var height = '';
+                var poster = '';
+
+                // If there's a child (the video element)
+                if ( this.element.getChild( 0 ) ) {
+                    // get it's attributes.
+                    src = this.element.getChild( 0 ).getAttribute( 'src' );
+                    width = this.element.getChild( 0 ).getAttribute( 'width' );
+                    height = this.element.getChild( 0 ).getAttribute( 'height' );
+                    autoplay = this.element.getChild(0).getAttribute('autoplay');
+                    allowdownload = !this.element.getChild( 0 ).getAttribute( 'controlslist' );
+                    loop = this.element.getChild( 0 ).getAttribute( 'loop' );
+                    advisorytitle = this.element.getChild( 0 ).getAttribute( 'title' );
+                    controls = this.element.getChild(0).getAttribute('controls');
+					responsive = this.element.getAttribute( 'data-responsive' );
+                    poster = this.element.getChild( 0 ).getAttribute( 'poster' );
+                }
+
+                if ( src ) {
+                    this.setData( 'src', src );
+
+                    if ( align ) {
+                        this.setData( 'align', align );
+                    } else {
+                        this.setData( 'align', 'none' );
+                    }
+
+                    if ( width ) {
+                        this.setData( 'width', width );
+                    }
+
+                    if ( height ) {
+                        this.setData( 'height', height );
+                    }
+
+                    if ( autoplay ) {
+                        this.setData( 'autoplay', 'yes' );
+                    }
+
+                    if ( allowdownload ) {
+                        this.setData( 'allowdownload', 'yes' );
+                    }
+
+                    if ( loop ) {
+                        this.setData( 'loop', 'yes' );
+                    }
+								
+                    if ( advisorytitle ) {
+                        this.setData( 'advisorytitle', advisorytitle );
+                    }
+		
+                    if ( responsive ) {
+                        this.setData( 'responsive', responsive );	
+                    }
+
+                    if (controls) {
+                        this.setData('controls', controls);
+                    }
+
+                    if ( poster ) {
+                        this.setData('poster', poster);
+                    }
+                }
+            },
+            data: function() {
+                // If there is an video source
+                if ( this.data.src ) {
+                    // and there isn't a child (the video element)
+                    if ( !this.element.getChild( 0 ) ) {
+                        // Create a new <video> element.
+                        var videoElement = new CKEDITOR.dom.element( 'video' );
+                        // Set the controls attribute.
+                        if (this.data.controls) {
+                            videoElement.setAttribute('controls', 'controls');
+                        }
+                        // Append it to the container of the plugin.
+                        this.element.append( videoElement );
+                    }
+                    this.element.getChild( 0 ).setAttribute( 'src', this.data.src );
+                    if (this.data.width) this.element.getChild( 0 ).setAttribute( 'width', this.data.width );
+                    if (this.data.height) this.element.getChild( 0 ).setAttribute( 'height', this.data.height );
+
+                    if ( this.data.responsive ) {
+                            this.element.setAttribute("data-responsive", this.data.responsive);
+                            this.element.getChild( 0 ).setStyle( 'max-width', '100%' );
+                            this.element.getChild( 0 ).setStyle( 'height', 'auto' );
+                    } else {
+			    this.element.removeAttribute("data-responsive");
+                            this.element.getChild( 0 ).removeStyle( 'max-width' );
+                            this.element.getChild( 0 ).removeStyle( 'height' );
+                    }
+
+                    if (this.data.poster) this.element.getChild( 0 ).setAttribute('poster', this.data.poster);								
+                }
+
+                this.element.removeStyle( 'float' );
+                this.element.removeStyle( 'margin-left' );
+                this.element.removeStyle( 'margin-right' );
+
+                if ( this.data.align === 'none' ) {
+                    this.element.removeStyle( 'text-align' );
+                } else {
+                    this.element.setStyle( 'text-align', this.data.align );
+                }
+
+                if ( this.data.align === 'left' ) {
+                    this.element.setStyle( 'float', this.data.align );
+                    this.element.setStyle( 'margin-right', '10px' );
+                } else if ( this.data.align === 'right' ) {
+                    this.element.setStyle( 'float', this.data.align );
+                    this.element.setStyle( 'margin-left', '10px' );
+                }
+
+                if ( this.element.getChild( 0 ) ) {
+                    if ( this.data.autoplay === 'yes' ) {
+                        this.element.getChild( 0 ).setAttribute( 'autoplay', 'autoplay' );
+                    } else {
+                        this.element.getChild( 0 ).removeAttribute( 'autoplay' );
+                    }
+
+                    if ( this.data.loop === 'yes' ) {
+                        this.element.getChild( 0 ).setAttribute( 'loop', 'loop' );
+                    } else {
+                        this.element.getChild( 0 ).removeAttribute( 'loop' );
+                    }
+
+                    if ( this.data.allowdownload === 'yes' ) {
+                        this.element.getChild( 0 ).removeAttribute( 'controlslist' );
+                    } else {
+                        this.element.getChild( 0 ).setAttribute( 'controlslist', 'nodownload' );
+                    }
+
+                    if ( this.data.advisorytitle ) {
+                        this.element.getChild( 0 ).setAttribute( 'title', this.data.advisorytitle );
+                    } else {
+                        this.element.getChild( 0 ).removeAttribute( 'title' );
+                    }
+
+                    if (this.data.controls) {
+                        this.element.getChild(0).setAttribute('controls', 'controls');
+                    } else {
+                        this.element.getChild(0).removeAttribute('controls');
+                    }
+                }
+            }
+        } );
+
+        if ( editor.contextMenu ) {
+            editor.addMenuGroup( 'html5videoGroup' );
+            editor.addMenuItem( 'html5videoPropertiesItem', {
+                label: editor.lang.html5video.videoProperties,
+                icon: 'html5video',
+                command: 'html5video',
+                group: 'html5videoGroup'
+            });
+
+            editor.contextMenu.addListener( function( element ) {
+                if ( element &&
+                     element.getChild( 0 ) &&
+                     element.getChild( 0 ).hasClass &&
+                     element.getChild( 0 ).hasClass( 'ckeditor-html5-video' ) ) {
+                    return { html5videoPropertiesItem: CKEDITOR.TRISTATE_OFF };
+                }
+            });
+        }
+
+        CKEDITOR.dialog.add( 'html5video', this.path + 'dialogs/html5video.js' );
+    }
+} );