61 lines
1.6 KiB
JavaScript
61 lines
1.6 KiB
JavaScript
// vim: et:ts=4:sw=4:sts=4:ft=javascript
|
|
'use strict';
|
|
|
|
pandora.ui.embedVideoDialog = function() {
|
|
|
|
var width = 640,
|
|
height = 360,
|
|
url = document.location.href + (
|
|
document.location.hash ? '?embed=true' : '#?embed=true'
|
|
),
|
|
|
|
$content = Ox.Element()
|
|
.css({margin: '16px'})
|
|
.html('To embed this clip, use the following HTML:<br>'),
|
|
|
|
$embed = $('<textarea>')
|
|
.css({
|
|
width: '336px',
|
|
height: '64px',
|
|
marginTop: '8px'
|
|
})
|
|
.val(
|
|
'<iframe width="' + width
|
|
+ '" height="' + height
|
|
+ '" src="' + url
|
|
+ '" frameborder="0" '
|
|
+ 'webkitAllowFullScreen mozallowfullscreen allowFullScreen'
|
|
+ '></iframe>'
|
|
)
|
|
.on({
|
|
click: function() {
|
|
this.focus();
|
|
this.select();
|
|
}
|
|
})
|
|
.appendTo($content),
|
|
|
|
that = Ox.Dialog({
|
|
buttons: [
|
|
Ox.Button({
|
|
id: 'close',
|
|
title: 'Close'
|
|
}).bindEvent({
|
|
click: function() {
|
|
that.close();
|
|
}
|
|
})
|
|
],
|
|
closeButton: true,
|
|
content: $content,
|
|
fixedSize: true,
|
|
height: 128,
|
|
keys: {escape: 'close'},
|
|
removeOnClose: true,
|
|
title: 'Embed Video',
|
|
width: 368
|
|
});
|
|
|
|
return that;
|
|
|
|
};
|