在javascript中,“new Audio()”的视频等效项是什么?

Wil*_*iam 5 html javascript audio video

在 Javascript 中,您可以像这样访问 HTML-5 音频对象:

var audio = new Audio('nameOfFile.mp3');
Run Code Online (Sandbox Code Playgroud)

但是 video 元素的等效语法似乎不起作用(我在 Chrome 上)。

var video = new Video('nameOfFile.ogg');
Run Code Online (Sandbox Code Playgroud)

我很好奇,如果有对视频标签,我可以通过这个简单的访问等同对象的新语法。

小智 9

还没有,但你可以创建一个很长的路要走:

var video = document.createElement("video");
video.setAttribute("src", "nameOfFile.ogg");
Run Code Online (Sandbox Code Playgroud)


Ari*_*lah 6

以防万一你需要的话,我有一个,和那个new Audio()东西很相似......

function Video(src, append) {
  var v = document.createElement("video");
  if (src != "") {
    v.src = src;
  }
  if (append == true) {
    document.body.appendChild(v);
  }
  return v;
}
Run Code Online (Sandbox Code Playgroud)

然后你可以像这样使用它:

var video = new Video("YOUR_VIDEO_URL", true);
// do whatever you want...
video.height = 280;
video.width = 500;
video.controls = "controls";
video.play();
Run Code Online (Sandbox Code Playgroud)