git.iko.soy/urbit.org
on master help sign in
fallback to still image on mobile
df09da4Matilde Park
static/scripts.js+10−1
compare with master
unifiedsplit
@@ -388,4 +388,13 @@ window.addEventListener("scroll", event => {
388 link.classList.remove("current");
388 link.classList.remove("current");
389 }
389 }
390 });
390 });
391−})};
391+})};
392+
393+let oceanvid = document.getElementById("ocean");
394+
395+if ((oceanvid !== null) && (window.innerWidth > window.innerHeight)) {
396+ oceanvid.innerHTML = `<source
397+ src="https://storage.googleapis.com/media.urbit.org/site/sea30-1440.mp4"
398+ type="video/mp4"/>
399+ Your browser does not support the video tag.`
400+}
templates/index.html+2−7
@@ -13,16 +13,11 @@
13<section class="full p0 vid-insert-wrap full-bleed">
13<section class="full p0 vid-insert-wrap full-bleed">
14 <video
14 <video
15 class="vid-insert bg-black"
15 class="vid-insert bg-black"
16+ id="ocean"
16 autoplay
17 autoplay
17 muted
18 muted
18 loop
19 loop
19− <!-- NB:Gavin: Removed playsinline for the sake of mobile users. -->
20− <!-- playsinline -->
21− poster="https://storage.cloud.google.com/media.urbit.org/site/sea30-poster.png">
20+ poster="https://media.urbit.org/site/sea30-poster.png">
22− <source
23− src="https://storage.googleapis.com/media.urbit.org/site/sea30-1440.mp4"
24− type="video/mp4"/>
25− Your browser does not support the video tag.
26 </video>
21 </video>
27
22
28 <div class="grid12" style="height: 100%; width:100%;">
23 <div class="grid12" style="height: 100%; width:100%;">