add support for safari in website

This commit is contained in:
Shakiba Kheradmand 2024-07-02 13:28:17 -07:00
parent 1926e2c007
commit a22a24bd7e

View File

@ -165,7 +165,7 @@
<hr />
</div>
<div class="parent-video-compare-container">
<div class="parent-video-compare-container" id="trainb">
<div class="video-compare-container" id="materialsDiv">
<video
class="video"
@ -189,6 +189,18 @@
</p>
</div>
<script>
function isSafari() {
return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
}
if (isSafari()) {
document.getElementById('trainb').innerHTML =
`<video class="safari-video" controls autoplay>
<source src="./resources/training_rand_compare/bicycle_both-rand.mp4" type="video/mp4" >
</video>`;
}
</script>
<div class="parent-video-compare-container">
<hr />
</div>