Question

我想调用一个函数onclick（我知道它可以工作）然后将它加载到页面中：

我试图在HTML5中创建一个包含一些属性的视频元素。

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

alert("createSmallVideo has been called");

我现在已经对警报进行了评论，我知道该功能正在被调用，但为什么网页上没有显示该视频：

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()

Answer 2

你也可以用javascript预加载

function loadVideo(videoUrl){
var video;
try {
    video = new Video();
} catch(e) {
    video = document.createElement('video');
}
video.src = videoUrl;
bindOnce(video, 'canplaythrough', function() {alert("Loaded");});
video.onerror = function(e){alert("Error");};
video.load();
}

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

2 个答案: