Skip to content

Commit

Permalink
www: tentative fix for iOS playback issues
Browse files Browse the repository at this point in the history
Playback on iOS reportedly doesn't work as it should, with Safari
maximizing each camera view in turn instead of playing them all at once.
Internet lore indicates that adding the "playsinline" attribute to the
<video> tags disables this behavior, so add that.
  • Loading branch information
marcone committed Jun 4, 2024
1 parent 8b93780 commit 4b51e8d
Showing 1 changed file with 4 additions and 4 deletions.
8 changes: 4 additions & 4 deletions teslausb-www/html/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -910,20 +910,20 @@
</div>
<div>
<div class="videoholder layout3">
<video disableRemotePlayback id="leftview" class="videogriditem leftview" style="z-index:1;"></video>
<video disableRemotePlayback playsinline id="leftview" class="videogriditem leftview" style="z-index:1;"></video>
<canvas id="leftviewfreeze" class="videogriditem leftview" style="z-index:0;"></canvas>

<video disableRemotePlayback id="frontview" class="videogriditem frontview" style="z-index:1;"></video>
<video disableRemotePlayback playsinline id="frontview" class="videogriditem frontview" style="z-index:1;"></video>
<canvas id="frontviewfreeze" class="videogriditem frontview" style="z-index:0;"></canvas>

<video disableRemotePlayback id="rightview" class="videogriditem rightview" style="z-index:1;"></video>
<video disableRemotePlayback playsinline id="rightview" class="videogriditem rightview" style="z-index:1;"></video>
<canvas id="rightviewfreeze" class="videogriditem rightview" style="z-index:0;"></canvas>

<div class="videogriditem mapview" style="margin:0px;z-index:0;">
<iframe id="sentrymap"></iframe>
</div>

<video disableRemotePlayback id="backview" class="videogriditem backview" style="z-index:1;"></video>
<video disableRemotePlayback playsinline id="backview" class="videogriditem backview" style="z-index:1;"></video>
<canvas id="backviewfreeze" class="videogriditem backview" style="z-index:0;"></canvas>

<div id="infoholder" class="videogriditem infoview" style="margin-left:12px;color:white;">
Expand Down

0 comments on commit 4b51e8d

Please sign in to comment.