return document.getElementById(id);\r
}\r
\r
+ function clone(obj) {\r
+ var i, len, copy, attr;\r
+\r
+ if (null == obj || "object" != typeof obj)\r
+ return obj;\r
+\r
+ // Handle Array\r
+ if ('length' in obj) {\r
+ copy = [];\r
+\r
+ for (i = 0, len = obj.length; i < len; ++i) {\r
+ copy[i] = clone(obj[i]);\r
+ }\r
+\r
+ return copy;\r
+ }\r
+\r
+ // Handle Object\r
+ copy = {};\r
+ for (attr in obj) {\r
+ if (obj.hasOwnProperty(attr))\r
+ copy[attr] = clone(obj[attr]);\r
+ }\r
+\r
+ return copy;\r
+ }\r
+\r
function getVal(id) {\r
var elm = get(id);\r
\r
}\r
\r
function setVal(id, value, name) {\r
- if (typeof(value) != 'undefined') {\r
+ if (typeof(value) != 'undefined' && value != null) {\r
var elm = get(id);\r
\r
if (elm.nodeName == "SELECT")\r
\r
window.Media = {\r
init : function() {\r
- var html, editor;\r
+ var html, editor, self = this;\r
\r
- this.editor = editor = tinyMCEPopup.editor;\r
+ self.editor = editor = tinyMCEPopup.editor;\r
\r
// Setup file browsers and color pickers\r
get('filebrowsercontainer').innerHTML = getBrowserHTML('filebrowser','src','media','media');\r
get('audio_altsource2_filebrowser').innerHTML = getBrowserHTML('audio_filebrowser_altsource2','audio_altsource2','media','media');\r
get('video_poster_filebrowser').innerHTML = getBrowserHTML('filebrowser_poster','video_poster','media','image');\r
\r
- html = this.getMediaListHTML('medialist', 'src', 'media', 'media');\r
+ html = self.getMediaListHTML('medialist', 'src', 'media', 'media');\r
if (html == "")\r
get("linklistrow").style.display = 'none';\r
else\r
if (isVisible('filebrowser_poster'))\r
get('video_poster').style.width = '220px';\r
\r
- this.data = tinyMCEPopup.getWindowArg('data');\r
- this.dataToForm();\r
- this.preview();\r
+ editor.dom.setOuterHTML(get('media_type'), self.getMediaTypeHTML(editor));\r
+\r
+ self.setDefaultDialogSettings(editor);\r
+ self.data = clone(tinyMCEPopup.getWindowArg('data'));\r
+ self.dataToForm();\r
+ self.preview();\r
+\r
+ updateColor('bgcolor_pick', 'bgcolor');\r
},\r
\r
insert : function() {\r
},\r
\r
moveStates : function(to_form, field) {\r
- var data = this.data, editor = this.editor, data = this.data,\r
+ var data = this.data, editor = this.editor,\r
mediaPlugin = editor.plugins.media, ext, src, typeInfo, defaultStates, src;\r
\r
defaultStates = {\r
formItemName = type == 'global' ? name : type + '_' + name;\r
\r
if (type == 'global')\r
- list = data;\r
- else if (type == 'video' || type == 'audio') {\r
+ list = data;\r
+ else if (type == 'video' || type == 'audio') {\r
list = data.video.attrs;\r
\r
if (!list && !to_form)\r
- data.video.attrs = list = {};\r
+ data.video.attrs = list = {};\r
} else\r
- list = data.params;\r
+ list = data.params;\r
\r
if (list) {\r
if (to_form) {\r
get('shockwave_options').style.display = 'none';\r
get('windowsmedia_options').style.display = 'none';\r
get('realmedia_options').style.display = 'none';\r
+ get('embeddedaudio_options').style.display = 'none';\r
\r
if (get(data.type + '_options'))\r
get(data.type + '_options').style.display = 'block';\r
setOptions('realmedia', 'autostart,loop,autogotourl,center,imagestatus,maintainaspect,nojava,prefetch,shuffle,console,controls,numloop,scriptcallbacks');\r
setOptions('video', 'poster,autoplay,loop,muted,preload,controls');\r
setOptions('audio', 'autoplay,loop,preload,controls');\r
+ setOptions('embeddedaudio', 'autoplay,loop,controls');\r
setOptions('global', 'id,name,vspace,hspace,bgcolor,align,width,height');\r
\r
if (to_form) {\r
if (data.type == 'flash') {\r
tinymce.each(editor.getParam('flash_video_player_flashvars', {url : '$url', poster : '$poster'}), function(value, name) {\r
if (value == '$url')\r
- data.params.src = parseQueryParams(data.params.flashvars)[name] || data.params.src;\r
+ data.params.src = parseQueryParams(data.params.flashvars)[name] || data.params.src || '';\r
});\r
}\r
\r
}\r
} else {\r
src = getVal("src");\r
- \r
+\r
+ // YouTube *NEW*\r
+ if (src.match(/youtu.be\/[a-z1-9.-_]+/)) {\r
+ data.width = 425;\r
+ data.height = 350;\r
+ data.params.frameborder = '0';\r
+ data.type = 'iframe';\r
+ src = 'http://www.youtube.com/embed/' + src.match(/youtu.be\/([a-z1-9.-_]+)/)[1];\r
+ setVal('src', src);\r
+ setVal('media_type', data.type);\r
+ }\r
+\r
// YouTube\r
if (src.match(/youtube.com(.+)v=([^&]+)/)) {\r
data.width = 425;\r
this.panel = 'source';\r
} else {\r
if (this.panel == 'source') {\r
- this.data = this.editor.plugins.media.htmlToData(getVal('source'));\r
+ this.data = clone(this.editor.plugins.media.htmlToData(getVal('source')));\r
this.dataToForm();\r
this.panel = '';\r
}\r
}\r
\r
return "";\r
+ },\r
+\r
+ getMediaTypeHTML : function(editor) {\r
+ function option(media_type, element) {\r
+ if (!editor.schema.getElementRule(element || media_type)) {\r
+ return '';\r
+ }\r
+\r
+ return '<option value="'+media_type+'">'+tinyMCEPopup.editor.translate("media_dlg."+media_type)+'</option>'\r
+ }\r
+\r
+ var html = "";\r
+\r
+ html += '<select id="media_type" name="media_type" onchange="Media.formToData(\'type\');">';\r
+ html += option("video");\r
+ html += option("audio");\r
+ html += option("flash", "object");\r
+ html += option("quicktime", "object");\r
+ html += option("shockwave", "object");\r
+ html += option("windowsmedia", "object");\r
+ html += option("realmedia", "object");\r
+ html += option("iframe");\r
+\r
+ if (editor.getParam('media_embedded_audio', false)) {\r
+ html += option('embeddedaudio', "object");\r
+ }\r
+\r
+ html += '</select>';\r
+ return html;\r
+ },\r
+\r
+ setDefaultDialogSettings : function(editor) {\r
+ var defaultDialogSettings = editor.getParam("media_dialog_defaults", {});\r
+ tinymce.each(defaultDialogSettings, function(v, k) {\r
+ setVal(k, v);\r
+ });\r
}\r
};\r
\r
tinyMCEPopup.onInit.add(function() {\r
Media.init();\r
});\r
-})();
\ No newline at end of file
+})();\r