Wordpress 条件.js

问：

我正在处理一个 wordpress 页面，并取决于它显示视频或图片的情况。目标是，当客户端使用的导航器是 **safari ** 时，显示图片，并在其余导航器中显示 vídeo。这是适用于桌面和 Android 的代码。

<video id="video" autoplay muted loop playsinline>
  <source src="https://elvientomedia.es/wp-content/uploads/2023/09/produccion-a-medida.webm" type="video/webm">
</video>

<img id="imagen" src="https://elvientomedia.es/wp-content/uploads/2023/08/Clientes-10.png" alt="Imagen alternativa" crossorigin="anonymous">

<script>
if ("safari" in window && window.safari.pushNotification) {
 var imagen = document.getElementById('imagen');
 imagen.src('https://elvientomedia.es/wp-content/uploads/2023/08/Clientes-10.png')
 imagen.style.display = 'block';
 var video = document.getElementById('video');
 video.style.display = 'none';
} else {
 var imagen = document.getElementById('imagen');
 imagen.style.display = 'none';
 var video = document.getElementById('video');
 video.style.display = 'block';
}
</script>

使用我附加的代码在桌面和 android 中运行良好，问题是当它在 iphone 中打开时。在这些情况下，它不会显示任何内容，无论我是在 chrome 还是 safari 中打开它，只要我在 iphone 中打开它，它就不会显示任何内容。