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

9
js/lib/PlayerData.js
View File

@ -142,14 +142,19 @@ class PlayerData {
ghettoWatcherBasic() { ghettoWatcherBasic() {
if (this.checkFullscreenChange()) { if (this.checkFullscreenChange()) {
if (PlayerData.isFullScreen()) { if (PlayerData.isFullScreen()) {
const lastAr = this.videoData.resizer.getLastAr(); // save last ar for restore later
this.videoData.resizer.restore(); this.videoData.resizer.restore();
this.videoData.rebootArDetection();
if (lastAr.type === 'original' || lastAr.type === 'auto') {
this.videoData.rebootArDetection();
}
} else { } else {
const lastAr = this.videoData.resizer.getLastAr(); // save last ar for restore later const lastAr = this.videoData.resizer.getLastAr(); // save last ar for restore later
this.videoData.resizer.reset(); this.videoData.resizer.reset();
this.videoData.resizer.stop(); this.videoData.resizer.stop();
this.videoData.resizer.setLastAr(lastAr);
this.videoData.stopArDetection(); 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 styleArrayStr = this.video.getAttribute('style');
var styleArrayObj = window.getComputedStyle(this.video);
if (styleArrayStr) { if (styleArrayStr) {
var styleArray = styleArrayStr.split(";"); var styleArray = styleArrayStr.split(";");
for(var i in styleArray){ for(var i in styleArray){
styleArray[i] = styleArray[i].trim(); 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]; delete styleArray[i];
} }
} }
} }else {
else{
var styleArray = []; var styleArray = [];
} }
// add remaining elements // add remaining elements
if(stretchFactors){ if(stretchFactors){
styleArray.push(`transform: scale(${stretchFactors.xFactor}, ${stretchFactors.yFactor}) translate(${translate.x}px, ${translate.y}px)`); 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 // build style string back