LibreItalia/conference-site
1
0
Fork 0
Code Issues Pull requests Activity Actions

Corretto layout per la live. Ancora non riesco a caricare un video delle dimensioni corrette.

Browse source
This commit is contained in:
Emiliano Vavassori 2020-11-23 01:13:32 +01:00
parent 71f4b86bde
commit ec5ae57cc6
20 changed files with 1509 additions and 110 deletions
Download patch file Download diff file Expand all files Collapse all files

40
content/js/onload.js Normal file
View file

@ -0,0 +1,40 @@
var globalResizerTimer = null;
var sedicinoni = 1.777784514;
function resizeLive() {
// Let's calculate the right needed height for the video based on the
// browser settings.
var livewidth = $(window).innerWidth() - 10;
var liveheight = $(window).innerHeight() - 136 - 10;
// Calculate the videowidth based on proportions
var videowidth = Math.ceil(livewidth * 0.75);
var videoheight = Math.ceil(videowidth / sedicinoni);
var chatwidth = livewidth - videowidth;
// Case 1: the height calculated with the aspect ratio is bigger than the
// available space. Let's reverse the calculation and understand which video
// size we need
if (videoheight > liveheight) {
var videowidth = Math.round(liveheight * sedicinoni);
var chatwidth = livewidth - videowidth;
$("#live").height(liveheight);
$("#embedded-video").width(videowidth).height(liveheight);
$("#embedded-chat").width(chatwidth);
} else {
// In any other case, I will apply all the dimensions
$("#live").height(liveheight);
$("#embedded-video").width(videowidth);
$("#embedded-video iframe").attr("width", videowidth).attr("height", liveheight);
$("#embedded-chat").width(chatwidth);
}
}
$(document).ready(resizeLive());
$(window).resize(function(){
if (globalResizerTimer != null)
window.clearTimeout(globalResizeTimer);
globalResizeTimer = window.setTimeout(function(){
resizeLive();
}, 200);
});