0x2620/pandora
2
1
Fork 1
Code Issues 1.3k Pull requests Releases Wiki Activity

update embed panel

Browse source
This commit is contained in:
rolux 2013-02-20 18:08:51 +05:30
parent 9da8d9a0a6
commit 106c0f7218
1 changed files with 37 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

58
static/js/pandora/embedPanel.js
View file

@ -16,29 +16,11 @@ pandora.ui.embedPanel = function() {
'rightslevel', 'size', 'title', 'videoRatio'
]}, function(result) {
var innerHeight,
maxHeight = window.innerHeight
- (options.title ? 32 : 0)
- (options.showTimeline ? 80 : 0)
- (options.showAnnotations ? 128 : 0);
var sizes = getSizes();
options.height = sizes.videoHeight;
video = Ox.extend(result.data, pandora.getVideoOptions(result.data));
if (options.matchRatio || options.showAnnotations) {
options.height = Math.round(window.innerWidth / video.videoRatio);
options.matchRatio = options.height <= maxHeight;
if (!options.matchRatio) {
options.height = maxHeight;
}
} else {
options.height = window.innerHeight
- (options.title ? 32 : 0)
- (options.showTimeline ? 80 : 0);
}
innerHeight = options.height
+ (options.title ? 32 : 0)
+ (options.showTimeline ? 80 : 0);
if (options.title) {
$title = Ox.Element()
.css({position: 'absolute'})
@ -210,7 +192,7 @@ pandora.ui.embedPanel = function() {
$outerPanel = Ox.SplitPanel({
elements: [
{element: $innerPanel, size: innerHeight},
{element: $innerPanel, size: sizes.innerHeight},
{element: $annotations}
],
orientation: 'vertical'
@ -307,6 +289,30 @@ pandora.ui.embedPanel = function() {
return options;
}
function getSizes() {
var innerHeight,
maxVideoHeight = window.innerHeight
- (options.title ? 32 : 0)
- (options.showTimeline ? 80 : 0)
- (options.showAnnotations ? 128 : 0),
videoHeight,
if (options.matchRatio || options.showAnnotations) {
videoHeight = Math.round(window.innerWidth / video.videoRatio);
options.matchRatio = options.height <= maxVideoHeight;
if (!options.matchRatio) {
videoHeight = maxVideoHeight;
}
} else {
videoHeight = window.innerHeight
- (options.title ? 32 : 0)
- (options.showTimeline ? 80 : 0);
}
innerHeight = options.height
+ (options.title ? 32 : 0)
+ (options.showTimeline ? 80 : 0);
return {innerHeight: innerHeight, videoHeight: videoHeight};
}
function selectAnnotation(data) {
if (data.id) {
setPosition(Math.max(data['in'], options['in'] || 0));
@ -330,6 +336,16 @@ pandora.ui.embedPanel = function() {
return that;
};
$(window).on({
resize: function() {
var sizes = getSizes();
$player.options({height: sizes.videoHeight});
$outerPanel.size(0, sizes.innerHeight);
options.showTimeline && $timeline.options({width: window.innerWidth - 16});
options.showAnnotations && $annotations.options({width: window.innerWidth});
}
});
return that;
};