jwplayer и tinymce - PullRequest
Новая
       17

jwplayer и tinymce

1 голос
/ 03 декабря 2009

Я бы хотел, чтобы jw player хорошо играл с tinymce. В настоящее время tinymce просто удаляет встроенный код или преобразует его в ... что нарушает его.

Первая цель - разрешить код jw player

Приятно было бы иметь кнопку для добавления кода через интерфейс.

любая помощь высоко ценится

Ответы [ 2 ]

2 голосов
/ 10 февраля 2010

Вот как вы можете вставить видео для воспроизведения в JW Player в TinyMCE. Вам необходимо добавить плагин Media в редактор TinyMCE и установить надстройку ImageManager.

Редактировать /tiny_mce/plugins/media/langs/en_dlg.js:

В любом месте после вставки первой строки:

allowfullscreen: «Разрешить полный экран»,

Редактировать /tiny_mce/plugins/media/media.htm:

Сразу после строки 216 (содержит строку, заканчивающую строку, в которой добавляются флажки «Меню» и «Live Connect» в разделе «Дополнительно» диалогового окна «Вставка носителя»):

{# Media_dlg.allowfullscreen}

Редактировать /tiny_mce/plugins/media/js/media.js:

После строки 73:

setBool (pl, 'flash', 'swliveconnect');

вставка:

setBool (pl, 'flash', 'allowfullscreen');

После строки 307 вставить (непосредственно перед использованием кода, который определяет URL для YouTube): 

if (v.match(/(.+)(.*)\.flv/) || v.match(/(.+)(.*)\.mp4/)) {
    f.width.value = '328';
    f.height.value = '200';
    f.src.value = '/mediaplayer/player.swf?file=' + v;
    return 'flash';
}

(замените '/mediaplayer/player.swf' на местоположение и имя вашего swf-файла jw player).

После строки 382:

s + = getBool ('flash', 'swliveconnect', false);

вставка:

s + = getBool ('flash', 'allowfullscreen', false);

Отредактируйте файл конфигурации ImageManager, чтобы разрешить загрузку файлов flv и mp4.

Чтобы вставить видео, нажмите кнопку «Вставить мультимедиа» на панели инструментов редактора TinyMCE. Оставьте его установленным на Flash и найдите файл. Это откроет ImageManager. Загрузите видеофайл или выберите файл, если он уже был загружен в ваш ImageManager. URL-адрес файла будет вставлен в поле URL-адреса диалогового окна «Медиа». Это даст предварительный просмотр видео. Вы можете изменить размер здесь, вам нравится. Нажмите кнопку «Вставить» и вставьте заполнитель Flash.

0 голосов
/ 01 апреля 2011

Ответ Барри Диксона работал от меня, с небольшим исправлением в media.htm.

событие onchange в моем случае не сработало, так как я использую персональный файловый менеджер для выбора медиа-файла. Я только что добавил событие onblur: 

<td><input id="src" name="src" type="text" value="" class="mceFocus" onblur="switchType(this.value);generatePreview();" onchange="switchType(this.value);generatePreview();" /></td>
...