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

fix embed panel

Browse source
This commit is contained in:
rolux 2013-02-20 18:17:27 +05:30
parent 106c0f7218
commit 1e87c3f71f
1 changed files with 7 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -16,11 +16,12 @@ pandora.ui.embedPanel = function() {
'rightslevel', 'size', 'title', 'videoRatio' 'rightslevel', 'size', 'title', 'videoRatio'
]}, function(result) { ]}, function(result) {
var sizes = getSizes();
options.height = sizes.videoHeight;
video = Ox.extend(result.data, pandora.getVideoOptions(result.data)); video = Ox.extend(result.data, pandora.getVideoOptions(result.data));
var sizes = getSizes();
Ox.print('SIZES', sizes)
options.height = sizes.videoHeight;
if (options.title) { if (options.title) {
$title = Ox.Element() $title = Ox.Element()
.css({position: 'absolute'}) .css({position: 'absolute'})
@ -295,7 +296,7 @@ pandora.ui.embedPanel = function() {
- (options.title ? 32 : 0) - (options.title ? 32 : 0)
- (options.showTimeline ? 80 : 0) - (options.showTimeline ? 80 : 0)
- (options.showAnnotations ? 128 : 0), - (options.showAnnotations ? 128 : 0),
videoHeight, videoHeight;
if (options.matchRatio || options.showAnnotations) { if (options.matchRatio || options.showAnnotations) {
videoHeight = Math.round(window.innerWidth / video.videoRatio); videoHeight = Math.round(window.innerWidth / video.videoRatio);
options.matchRatio = options.height <= maxVideoHeight; options.matchRatio = options.height <= maxVideoHeight;
@ -307,7 +308,7 @@ pandora.ui.embedPanel = function() {
- (options.title ? 32 : 0) - (options.title ? 32 : 0)
- (options.showTimeline ? 80 : 0); - (options.showTimeline ? 80 : 0);
} }
innerHeight = options.height innerHeight = videoHeight
+ (options.title ? 32 : 0) + (options.title ? 32 : 0)
+ (options.showTimeline ? 80 : 0); + (options.showTimeline ? 80 : 0);
return {innerHeight: innerHeight, videoHeight: videoHeight}; return {innerHeight: innerHeight, videoHeight: videoHeight};
@ -339,7 +340,7 @@ pandora.ui.embedPanel = function() {
$(window).on({ $(window).on({
resize: function() { resize: function() {
var sizes = getSizes(); var sizes = getSizes();
$player.options({height: sizes.videoHeight}); $player.options({width: window.innerWidth, height: sizes.videoHeight});
$outerPanel.size(0, sizes.innerHeight); $outerPanel.size(0, sizes.innerHeight);
options.showTimeline && $timeline.options({width: window.innerWidth - 16}); options.showTimeline && $timeline.options({width: window.innerWidth - 16});
options.showAnnotations && $annotations.options({width: window.innerWidth}); options.showAnnotations && $annotations.options({width: window.innerWidth});