Fix video fullscreen mode on mobile

readme.md

@@ -13,8 +13,8 @@
 ## To Do List
 * ECMA import/export
 * Reset zoom on image closing (lightbox)
-* Fix video fullscreen button on ios
-* Fix lightbox portrait mode: push text under
+* Fix lightbox portrait mode: push text under (mobile especially)
 * Add mail frequency slider
 * Replace Project Time Zone with browser Time Zone when uploading media?
-* Use WMTS servers directly when not using Geo Caching Server
+* Use WMTS servers directly when not using Geo Caching Server
+* Newsletter: Add custom link to media/post

script/lightbox.js

@@ -126,7 +126,7 @@
     
     //ADDED-START
 	if(self.options.hasVideo) {
-		this.$video = $('<video class="lb-video" src="" controls="true" autoplay playsinline></video>');
+		this.$video = $('<video class="lb-video" controls autoplay></video>');
 		this.$image.after(this.$video);
 		this.videoBorderWidth = {
 			top: parseInt(this.$video.css('border-top-width'), 10),

style/_lightbox.scss

@@ -40,6 +40,14 @@
 					translateY(var(--translate-y, 0))
 					scale(var(--scale, 1));
 			}
+		
+			.lb-video {
+				box-sizing: content-box;
+			}
+			&.lb-video-nav .lb-nav {
+				top: 45px;
+				height: calc(100% - 90px);
+			}
 			
 			.lb-nav {
 				a.lb-prev, a.lb-next {

style/lightbox/_lightbox.scss

@@ -35,15 +35,6 @@ body.lb-disable-scrolling {
   border: 4px solid white;
 }
 
-//ADDED-START
-.lightbox .lb-video {
-  box-sizing: content-box;
-}
-.lightbox .lb-video-nav .lb-nav {
-	height: calc(100% - 45px);
-}
-//ADDED-END
-
 .lightbox a img {
   border: none;
 }