adoptation fixes for Cordova video chat code sample

Author: Igor Khomenko

.gitignore

@@ -16,3 +16,5 @@ quickblox.js
 
 # Cordova build
 **/build
+
+*.xcarchive

samples/cordova/video_chat/README.md

@@ -357,6 +357,7 @@ <h4 class="caller__name">
           }
 
           // Load JavaScript files async
+          //
           var loadScriptAsync = function(path){
               var jsScript = document.createElement("script");
               jsScript.type = "text/javascript";
@@ -370,14 +371,30 @@ <h4 class="caller__name">
           loadScriptAsync("js/stateBoard.js")
           loadScriptAsync("js/app.js")
       }
+
+      // Listen for orientation changes and scroll events
+      //
+      window.addEventListener('orientationchange', function(){
+        refreshVideoViewPosition();
+      });
+      window.addEventListener("scroll", function(){
+        refreshVideoViewPosition();
+      });
+      //
+      function refreshVideoViewPosition(){
+        if (window.device.platform === 'iOS') {
+            cordova.plugins.iosrtc.refreshVideos();
+        }
+      }
+
     </script>
 
     <!-- hack for github Pages -->
     <script>
-    console.log("aaaaa");
       var host = "quickblox.github.io";
-      if ((host == window.location.host) && (window.location.protocol != "https:"))
+      if ((host == window.location.host) && (window.location.protocol != "https:")){
         window.location.protocol = "https";
+      }
     </script>
 </body>
 </html>

samples/cordova/video_chat/platforms/browser/www/index.html

@@ -50,15 +50,17 @@ b {
     position: relative;
     padding: 0 0 75% 0; /* 4:3 */
     background: #bfbfbf;
+    border: 1px solid #00ffff;
+}
+.qb-video_source {
+    position: absolute;
+    top: 0; bottom: 0;
+    left: 0; right: 0;
+    max-width: 100%;
+    max-height: 100%;
+    margin: auto;
+    border: 1px solid #ffffff;
 }
-    .qb-video_source {
-        position: absolute;
-        top: 0; bottom: 0;
-        left: 0; right: 0;
-        max-width: 100%;
-        max-height: 100%;
-        margin: auto;
-    }
 
 .qb-error {
     color: #d0021b;