Merhabalar, js hakkında çok bilgi sahibi değilim kendi çapımda birşeyler yapmaya çalışıyorum, fakat bi problemle karşılaştım.

    
<video id="myVideo" width="100%" height="100%" preload="auto" autoplay="autoplay" webkit-playsinline playsinline loop >
<source src="https://ip-bu.com/images/video2.mp4" type="video/mp4">
Your browser does not support HTML5 video.
</video>

var videoElement = document.getElementById("myVideo");

function playPause() {
if (videoElement.paused) {
videoElement.play();
} else {
videoElement.pause();
}
    };
videoyu localde bu kodla oynatabiliyorum. Fakat hosta yüklediğimde çalışmıyor.

bu kodu div'e onclick eventi ekleyerek playPause fonksiyonunu çağırdım dediğim gibi local' de çalışıyor.

Konsolda Uncaught (in promise) DOMException: The play() request was interrupted by a call to pause() bu hatayı veriyor hataya baktım ona göre düzenleme yaptım ama sanırım çok başarılı olamadım. Videoya direkt linkte girip açmayı denediğimde yine açmıyor. Bilgisi olan birisi yardımcı olursa sevinirim.

<script>
  // Show loading animation.
  var playPromise = video.play();

  if (playPromise !== undefined) {
    playPromise.then(_ => {
      // Automatic playback started!
      // Show playing UI.
      // We can now safely pause video...
      video.pause();
    })
    .catch(error => {
      // Auto-play was prevented
      // Show paused UI.
    });
  }
</script>
Kullanmamı istediği düzen bu ve ben buna göre uyarladığımda yada ben öyle düşünüyorum yine çalışmıyor.