javascript - 使用视频标签制作内部 html 的函数

Question

有人可以修复这个 javascript 函数吗:

function open(file, poster) {
document.getElementById("video").innerHTML = "<video class='right' width='320' height='240' controls poster='" + poster + "'>
  <source src='" + file + "' type='video/mp4'>
  Your browser does not support the video tag.
</video>"
}

为了确定，当我调用它时，这样调用它:

open(file.mp4, poster.png);

或者像这样:

open("file.mp4", "poster.png");

Answer 1

你做错的只是多行字符串 - 在 JavaScript 中不是一个好主意

function openVideo(file, poster) {
    document.getElementById("video").innerHTML = "<video class='right' width='320' height='240' controls poster='" + poster + "'><source src='" + file + "' type='video/mp4'>Your browser does not support the video tag.</video>"
}
// call using the following format
openVideo('file.mp4', 'poster.png');