diff --git a/src/page/basics/video/video.scss b/src/page/basics/video/video.scss
index db0fcce..74feaa7 100644
--- a/src/page/basics/video/video.scss
+++ b/src/page/basics/video/video.scss
@@ -17,6 +17,10 @@
     visibility: hidden;
   }
 
+  .start-button {
+    z-index: 1;
+  }
+
   &.loaded .loading {
     visibility: visible;
   }
@@ -24,8 +28,4 @@
   &.fully-loaded video {
     visibility: visible;
   }
-
-  .start-button {
-    z-index: 1;
-  }
 }
diff --git a/src/styles.scss b/src/styles.scss
index 05f2224..f50e249 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -56,6 +56,9 @@ noscript {
   @include absolute-center;
   @include square(calc(var(--large-icon-size) + var(--normal-margin) * 2));
 
+  // as a result of the firefox fix, it is required for iOS devices
+  transform: translate3d(-50%, -50%, 0.00001px);
+
   &:hover svg {
     box-shadow: var(--shadow);
   }
@@ -92,12 +95,15 @@ noscript {
     left: 0;
     height: 100%;
     width: 100%;
-
-    // the picture of videos is not always visible on firefox mobile without this
-    transform: translate3d(0, 0, 0.00001px);
   }
 }
 
+video,
+iframe {
+  // the picture of videos is not always visible on firefox mobile without this
+  transform: translate3d(0, 0, 0.00001px);
+}
+
 img,
 video,
 iframe {