iOS video texture not playing on Safari and Chrome

[emincanyuksel]

The video does not open as seen in the picture. This is the script code I use on iOS.

<script type="module">
const modelViewerAnimated = document.querySelector("model-viewer#model-viewer");
let videoTexture = null;

customElements.whenDefined('model-viewer').then(() => {
  videoTexture = modelViewerAnimated.createVideoTexture("/assets/video/kentkart_tabela.mp4");
});

modelViewerAnimated.addEventListener("load", () => {

  const material = modelViewerAnimated.model.materials[36];
  const {baseColorTexture} = material.pbrMetallicRoughness;

  baseColorTexture.setTexture(videoTexture);

  document.querySelector('#type').addEventListener('input', async (event) => {
    switch(event.target.value){
      case "video":
        baseColorTexture.setTexture(videoTexture);
        break;
    }
  });
});
</script>