tamius-han/ultrawidify
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Extension basic mode more or less works. Added fix for sites that center stuff with 'top: 50; left: 50, translate(-50, -50)'

Browse Source
This commit is contained in:
Tamius Han 2018-11-02 23:10:42 +01:00
parent 48da83b75d
commit c3d71cd1e7
2 changed files with 20 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
js/lib/PlayerData.js
View File

@ -142,14 +142,19 @@ class PlayerData {
ghettoWatcherBasic() {
if (this.checkFullscreenChange()) {
if (PlayerData.isFullScreen()) {
const lastAr = this.videoData.resizer.getLastAr(); // save last ar for restore later
this.videoData.resizer.restore();
if (lastAr.type === 'original' || lastAr.type === 'auto') {
this.videoData.rebootArDetection();
}
} else {
const lastAr = this.videoData.resizer.getLastAr(); // save last ar for restore later
this.videoData.resizer.reset();
this.videoData.resizer.stop();
this.videoData.resizer.setLastAr(lastAr);
this.videoData.stopArDetection();
this.videoData.resizer.setLastAr(lastAr);
}
}
}

16
js/modules/Resizer.js
View File

@ -359,27 +359,35 @@ if(Debug.debug)
}
var styleArrayStr = this.video.getAttribute('style');
var styleArrayObj = window.getComputedStyle(this.video);
if (styleArrayStr) {
var styleArray = styleArrayStr.split(";");
for(var i in styleArray){
styleArray[i] = styleArray[i].trim();
if (styleArray[i].startsWith("transform:")){
// some sites do 'top: 50%; left: 50%; transform: <transform>' to center videos.
// we dont wanna, because we already center videos on our own
if (styleArray[i].startsWith("transform:") ||
styleArray[i].startsWith("top:") ||
styleArray[i].startsWith("left:") ||
styleArray[i].startsWith("right:") ||
styleArray[i].startsWith("bottom") ){
delete styleArray[i];
}
}
}
else{
}else {
var styleArray = [];
}
// add remaining elements
if(stretchFactors){
styleArray.push(`transform: scale(${stretchFactors.xFactor}, ${stretchFactors.yFactor}) translate(${translate.x}px, ${translate.y}px)`);
styleArray.push("top: 0px; left: 0px; bottom: 0px; right: 0px");
}
// build style string back