mycanal resize window

mycanal-live.js

window.body.style.overflow="hidden";
d = document.querySelector('#one-player > div');
d.style.width = "100%";
//d.style.heigth = "100%"
d.style.bottom="0px";

document.querySelector("#lb").style.width="100%";
document.querySelector("#lb").style.height="100%";
document.querySelector("#lb").style.left="0%";
document.querySelector("#lb").style.top="0px";
document.querySelector("#lb").style.opacity="1";

document.querySelector("#lb").style.margin="0 0 0 0";



document.querySelector("#silverlightControlHost").style.width="100%";
document.querySelector("#silverlightControlHost").style.height="100%"


document.body.style["background-image"]=""


document.querySelector("#video-wrapper > div").style.width="100%";
document.querySelector("#content > div.wrapper").style.width="100%";

document.querySelector("#content").style["min-width"]="";
document.querySelector("#content").style["min-height"]="";


window.onresize = function(event) { 
	document.querySelector("#one-player").style.height= (window.innerHeight -5)+"px"; 
	document.querySelector("#one-player").style.width= (window.innerWidth -5)+"px"; 
	document.querySelector("#one-player > div > div > div").style.height= (window.innerHeight -5)+"px"; 
	document.querySelector("#one-player > div > div > div").style.width= (window.innerWidth -5)+"px"; 
}


document.querySelector("#video-wrapper > div").removeChild(document.querySelector("#video-wrapper > div > div.espace-pub"))
document.body.removeChild(document.querySelector("#lb-mask"))
document.body.removeChild(document.querySelector("body > a"))
document.body.removeChild(document.querySelector("#footer"))
document.body.removeChild(document.querySelector("#header"))
document.querySelector("#lb > div").removeChild(document.querySelector("#lb > div > a"))

mycanal-window.sh

#/bin/bash
wmctrl  -r "$(wmctrl -l|grep myCANAL|cut -d' ' -f5-)"  -e 0,1920,0,386,223%

mycanal.js

window.body.style.overflow="hidden";
d = document.querySelector('#one-player > div');
d.style.width = "100%";
//d.style.heigth = "100%"
d.style.bottom="0px";

document.querySelector("#lb").style.width="100%";
document.querySelector("#lb").style.height="100%";
document.querySelector("#lb").style.left="0%";
document.querySelector("#lb").style.top="0px";
document.querySelector("#lb").style.opacity="1";

document.querySelector("#lb").style.margin="0 0 0 0";

document.querySelector("#lb-content").style.opacity=1;
document.querySelector("#lb-content").removeChild(document.querySelector("#lb-content > header"))
document.querySelector("#lb-content").removeChild(document.querySelector("#lb-content > footer"))



document.querySelector("#silverlightControlHost").style.width="100%";
document.querySelector("#silverlightControlHost").style.height="100%"


document.body.removeChild(document.querySelector("#lb-mask"))

document.body.removeChild(document.querySelector("#content"))
document.body.removeChild(document.querySelector("#footer"))
document.body.removeChild(document.querySelector("#header"))

document.querySelector("#lb-content > div").style.width="100%";

document.querySelector("#lb-content > div").style.padding="0 0 0 0";
document.querySelector("#lb > div").removeChild(document.querySelector("#lb > div > a"))

window.onresize = function(event) { document.querySelector("#lb-content > div").style.height= (window.innerHeight -5)+"px"; }

mycanal2.js

v = document.evaluate('//*[@id="application"]/section/main/div/section/div/div/div/section/div[1]/div/div/div/div/div/div/div[1]/div[2]/div/div/div/div[1]/video',document,null,XPathResult.ANY_TYPE, null ).iterateNext();

s = document.evaluate('//*[@id="application"]/section/main/div/section/div/div/div/section/section',document,null,XPathResult.ANY_TYPE, null ).iterateNext();
window.onresize = function(event) { s=(window.innerHeight -5)+"px";v.style.height=s; v.style.height=s;}

pp = document.evaluate('//*[@id="application"]/section/main/div/section/section',document,null,XPathResult.ANY_TYPE, null ).iterateNext();

topp = document.evaluate('//*[@id="application"]/section',document,null,XPathResult.ANY_TYPE, null ).iterateNext();
topp.style.paddingTop="0px"


footer =document.evaluate('//*[@id="application"]/section/main/div/section/div/div[2]/div/section[2]',document,null,XPathResult.ANY_TYPE, null ).iterateNext();
footerParent =document.evaluate('//*[@id="application"]/section/main/div/section/div/div[2]/div',document,null,XPathResult.ANY_TYPE, null ).iterateNext();
footerParent.removeChild(footer)

footer =document.evaluate('//*[@id="application"]/section/footer',document,null,XPathResult.ANY_TYPE, null ).iterateNext();
footerParent =document.evaluate('//*[@id="application"]/section',document,null,XPathResult.ANY_TYPE, null ).iterateNext();
footerParent.removeChild(footer)