Add support for Safari on iOS

public/chat.html

@@ -47,10 +47,10 @@
     </div>
 
     <p id="remote-video-text"></p>
-    <video id="remote-video" autoplay></video>
+    <video id="remote-video" autoplay playsinline></video>
     <div id="moveable">
       <p id="local-video-text">No webcam input</p>
-      <video id="local-video" autoplay muted></video>
+      <video id="local-video" autoplay muted playsinline></video>
     </div>
 
     <div id="entire-chat">

public/css/chat.css

@@ -548,4 +548,22 @@ button:hover {
   }
 }
 
+/*Hide video controls on mobile*/
+/*todo: still buggy on iOS, play/pause button pops up on load for iOS,
+   goes away after you press pause then play again*/
+video ::-webkit-media-controls-panel {
+  display: none !important;
+  -webkit-appearance: none;
+}
+
+video ::--webkit-media-controls-play-button {
+  display: none !important;
+  -webkit-appearance: none;
+}
+
+video ::-webkit-media-controls-start-playback-button {
+  display: none !important;
+  -webkit-appearance: none;
+}
+
 /* End mobile layout */

public/js/chat.js

@@ -838,20 +838,20 @@ function togglePictureInPicture() {
 
 function startUp() {
   // Redirect mobile browsers
-  if (
+  // if (
-    /webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
+  //   /webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
-      navigator.userAgent
+  //     navigator.userAgent
-    )
+  //   )
-  ) {
+  // ) {
-    alert(
+  //   alert(
-      "Zipcall is not currently supported on mobile. Please try again on desktop."
+  //     "Zipcall is not currently supported on mobile. Please try again on desktop."
-    );
+  //   );
-    window.location.href = "/notsupported";
+  //   window.location.href = "/notsupported";
-  }
+  // }
   // Redirect unsupported browsers
   if (!isWebRTCSupported || browserName === "MSIE") {
     alert(
-      "Your browser doesn't support Zipcall. Please use Chrome, Firefox, or Safari on laptop/desktop."
+      "Your browser doesn't support Zipcall. Please use Chrome, Firefox, or Safari. If using iOS please use Safari"
     );
     window.location.href = "/notsupported";
   }