尝试通过 javascript 加载视频答案

【问题标题】：Trying to load video through javascript尝试通过 javascript 加载视频
【发布时间】：2021-12-27 13:06:54
【问题描述】：

我想使用 javascript DOM 操作将视频从服务器动态加载到客户端。我试过这段代码，但回调函数 onload 没有运行，另外在请求标头接受字段的网络选项卡中是“/”。

function doAjaxVideo(param, lambda) {
    let video = document.createElement("video");
    let sourceElem = document.createElement("source");
    sourceElem.src = param;
    sourceElem.type = "video/webm";
    video.appendChild(sourceElem);
    video.autoplay = "true";
    video.onload = () => lambda();
}

doAjaxVideo("/video.webm", function() { console.log("Ready!") }

关于如何调整它以使其正常工作的任何建议？或者也许是另一种方式。 Image of network tab in devtools

【问题讨论】：

这条路径 'video.webm' 正确吗？可能是“./video.webm”或“/video.webm”
它实际上在代码中带有一个'/'。这里出错了
您永远不会将视频对象附加到文档中，例如document.body.appendChild(video)，至于accept 标头它是*/*，这意味着它接受任何mime 类型的内容，这是正常的，不应该是个问题

标签： javascript video server

【解决方案1】：

你可以试试onloadeddata。 https://www.w3schools.com/jsref/event_onloadeddata.asp

因为您希望它在加载数据时采取行动，而不是视频元素本身。

【讨论】：