Javascript 视频暂停不是函数

Question

所以我在处理视频时遇到了一些麻烦，我有一个网站，并且在 3 个不同的页面中显示了相同的视频。视频全部暂停，直到用户点击它们开始播放。问题是，当我离开一个页面并且视频就在那里，即使我点击了播放或暂停或者根本没有做任何事情，另外两个，给我一个错误说 vid.pause 不是一个功能。

这是 HTML 部分 ->

<video id="{{vid?.id}}" src={{vid?.video}} onloadedmetadata="this.paused = true; this.currentTime = 1" (click)="playPause(vid)"> </video>

和 js ->

  playPause(vid) {
    var vid = (<HTMLMediaElement>document.getElementById(vid.id));
    if (vid.paused == true) {
      vid.play();
    } else {
      vid.pause();
      vid.currentTime = 1;
    }
  }

Answer 1

我的问题是我尝试暂停 jQuery 对象，但这是不可能的。你需要暂停一个 DOM 元素。所以我通过将我的 jQuery 对象转换为 DOM 元素来更正它。

之前:

$("#video").pause();

之后/解决:

$("#video)[0].pause();