Fix video thumbnails taking over fullscreen on iOS.

evilgeniuslabs · Nov 30, 2024 · 3593793 · 3593793
1 parent 43a5475
commit 3593793
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -79,7 +79,7 @@
 
 {% assign sorted = site.posts | sort: 'sortKey' %}
 
-  <!-- master nav -->
+  <!-- main nav -->
   <header class="navbar navbar-static-top bs-docs-nav" id="top" role="banner">
     <div class="container-fluid">
       <div class="navbar-header">

diff --git a/index.html b/index.html
@@ -12,7 +12,7 @@
   <div class="thumbnail" id="{{ post.id }}">
     <div class="embed-responsive embed-responsive-16by9">
       <a href="{{ post.url }}">
-        <video class="post lazy" data-poster="//i.imgur.com/{{ post.imgurId }}.jpg" autoplay="autoplay" muted="muted" loop="loop">
+        <video class="post lazy" data-poster="//i.imgur.com/{{ post.imgurId }}.jpg" autoplay="autoplay" muted="muted" loop="loop" playsinline>
           <source data-src="//i.imgur.com/{{ post.imgurId }}.mp4" type="video/mp4">
         </video>
       </a>
@@ -26,7 +26,7 @@ <h3><a href="{{ post.url }}">{{ post.title }}</a></h3>
 <div class="col-md-6">
   <div class="thumbnail" id="{{ post.id }}">
     <div class="embed-responsive embed-responsive-16by9">
-      <iframe class="embed-responsive-item lazy" width="560" height="315" data-src="{{ post.videoUrl }}" frameborder="0" allowfullscreen></iframe>
+      <iframe class="embed-responsive-item lazy" width="560" height="315" data-src="{{ post.videoUrl }}" frameborder="0" allowfullscreen="false"></iframe>
     </div>
     <div class="caption">
       <h3><a href="{{ post.url }}">{{ post.title }}</a></h3>