Fixed the issue with styles not getting applied.

README.md

@@ -27,16 +27,16 @@ There's no longer any user interface lol. Only keybinds.
 
 ### Default keyboard shortcuts
 
-w   - fit to width
+`w`   - fit to width  
-e   - fit to height
+`e`   - fit to height  
-r   - reset
+`r`   - reset
 
-a   - attempt to automatically determine the aspect ratio (netflix only)
+`a`   - attempt to automatically determine the aspect ratio (netflix only)  
 
-s   - force 21:9
+`s`   - force 21:9  
-d   - force 16:9
+`d`   - force 16:9  
-x   - force 16:10
+`x`   - force 16:10  
-c   - force 4:3
+`c`   - force 4:3  
 
 ### About aspect ratio autodetection
 

js/modules/Resizer.js

@@ -352,6 +352,15 @@ var _res_legacyAr = function(action){
   
 }
 
+var _res_reset = function(){
+  dimensions = {top: "", left: "", width: "100%", height: "100%"};
+  
+  $("video").css({"position": "relative", "width": dimensions.width,"height": dimensions.height,"top": dimensions.top, "left": dimensions.left});
+  
+  if(Debug.debug)
+    console.log("[Resizer::_res_applyCss] css applied. Dimensions/pos: w:",dimensions.width,"; h:",dimensions.height,"; top:",dimensions.top,"; left:",dimensions.left);
+}
+
 var _res_setAr_kbd = function(ar){
   if(FullScreenDetect.isFullScreen())
     _res_setAr(ar, {width: screen.width, height: screen.height} );
@@ -600,7 +609,7 @@ function changeCSS_nofs(what_do, video, player){
     h = video.scrollh - (player.height * zoomStep);
     w = video.scrollw - (player.height * zoomStep * ar);
     
-    top = (player.height - h)/2
+    top = (player.height - h) / 2;
     left = (player.width - w) / 2;
     
     if (h < player.height * 0.25){
@@ -616,20 +625,62 @@ function changeCSS_nofs(what_do, video, player){
 }
 
 function _res_applyCss(dimensions){
-  dimensions.top = Math.round(dimensions.top) + "px";
+  dimensions.top = "top: " + Math.round(dimensions.top) + "px !important";
-  dimensions.left = Math.round(dimensions.left) + "px";
+  dimensions.left = "left: " + Math.round(dimensions.left) + "px !important";
-  dimensions.width = Math.round(dimensions.width) + "px";
+  dimensions.width = "width: " + Math.round(dimensions.width) + "px !important";
-  dimensions.height = Math.round(dimensions.height) + "px";
+  dimensions.height = "height: " + Math.round(dimensions.height) + "px !important";
   
-  $("video").css({"position": "absolute", "width": dimensions.width,"height": dimensions.height,"top": dimensions.top, "left": dimensions.left});
+  console.log("trying to apply css. dimensions: ", dimensions);
+  
+  var vid = $("video")[0];
+  
+  var styleArray = vid.getAttribute('style').split("; ");
+
+  for(var i in styleArray){
+    
+    styleArray[i] = styleArray[i].trim();
+    
+    if     (styleArray[i].startsWith("top:")){
+      styleArray[i] = dimensions.top;
+      delete dimensions.top;
+    }
+    else if(styleArray[i].startsWith("left:")){
+      styleArray[i] = dimensions.left;
+      delete dimensions.left;
+    }
+    else if(styleArray[i].startsWith("width:")){
+      styleArray[i] = dimensions.width;
+      delete dimensions.width;
+    }
+    else if(styleArray[i].startsWith("height:")){
+      styleArray[i] = dimensions.height;
+      delete dimensions.height;
+    }
+    else if(styleArray[i].startsWith("position:")){
+      styleArray[i] = "position: absolute";
+    }
+  }
+  
+  // add remaining elements
+  for(var key in dimensions)
+    styleArray.push( dimensions[key] );
+  
+  // build style string back
+  var styleString = "";
+  for(var i in styleArray)
+    if(styleArray[i] !== undefined && styleArray[i] !== "")
+      styleString += styleArray[i] + "; ";
+  
+  vid.setAttribute("style", styleString);
   
   if(Debug.debug)
-    console.log("[Resizer::_res_applyCss] css applied. Dimensions/pos: w:",dimensions.width,"; h:",dimensions.height,"; top:",dimensions.top,"; left:",dimensions.left);
+    console.log("[Resizer::_res_applyCss] css applied. Dimensions: ", styleString);
 }
 
 var Resizer = {
   setAr: _res_setAr_kbd,
   setAr_fs: _res_setAr,
   setAr_nonfs: _res_setAr_nonfs,
-  legacyAr: _res_legacyAr
+  legacyAr: _res_legacyAr,
+  reset: _res_reset
 }

js/uw.js

@@ -11,4 +11,14 @@ $(document).ready(function() {
 //  
   ArDetect.arSetup();
   
+  
+  document.addEventListener("mozfullscreenchange", function( event ) {
+    if(FullScreenDetect.isFullScreen()){
+      // full screen is on
+    }
+    else{
+      Resizer.reset();
+    }
+  });
+  
 });

manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 2,
   "name": "Ultrawidify-git",
-  "version": "2.0a1",
+  "version": "2-a1",
   
   "icons": {
     "32":"res/icons/uw-32.png",
@@ -33,7 +33,7 @@
   }],
   
   "permissions": [
-    "tabs", "storage",  "activeTab", "all_urls", "*://*.youtube.com/*", "*://youtube.com/*", "*://imdb.com/*", "*://*.imdb.com/*"
+    "tabs", "storage",  "activeTab", "<all_urls>", "*://*.youtube.com/*", "*://youtube.com/*", "*://imdb.com/*", "*://*.imdb.com/*"
   ],
   
   "web_accessible_resources": [