javascript - 如何使用 onclick 使用 javascript 将视频加载到 HTML5 页面中

Question

我想调用一个函数 onclick(我知道它可以工作)，然后将它加载到页面中:

我正在尝试在 HTML5 中创建一个视频元素，包括它的一些属性。

我知道它有效，因为我使用以下警报对其进行了测试:

alert("createSmallVideo 已被调用");

我现在已经评论了警报，我知道正在调用该函数，但为什么网页上没有显示视频:

function createSmallVideo(){
    //alert("createSmallVideo has been called");

    var video = document.createElement("video");

    video.setAttribute("id", "VideoElement");
    video.setAttribute("src", "videos/small.ogv");
    video.setAttribute("controls", "controls");
    video.setAttribute("preload", "auto");
    document.getElementById("#VideoContainer").appendChild(video);
}

我做错了什么？请帮忙!

Answer 1

因为您的页面上没有 ID 为 #VideoContainer 的元素(或者如果有的话也不应该有)。元素 ID 不能包含 #。如果您打开 JavaScript 控制台，您可能会发现空引用错误消息。尝试从对 document.getElementById() 的调用中删除 #。