1

我刚刚从 HTML5 Canvas 一书中复制了一些示例，该示例在 javascript 中加载视频并在 Canvas 上显示该视频；

基本代码如下：

videoElement = document.createElement("video");
videoDiv = document.createElement("div");
document.body.appendChild(videoDiv);
videoDiv.appendChild(videoElement);

videoElement.setAttribute("src", "url to the video");
videoElement.addEventListener("canplaythrough", videoLoaded, false);

假设加载视频时应该调用videoLoaded，但事实并非如此；

我在firebug中检查了它，它显示浏览器只是不断加载视频，但没有获取任何内容；

我只是将 Firefox 从 v17 升级到 v18。

它在 V17 中工作。

有人能帮我解决这个问题吗？谢谢。

4

1 回答 1

0

尝试在没有“setAttribute”功能的情况下设置源。您还需要启用控件才能使大多数浏览器实际运行。

代替：

videoElement.setAttribute("src", "url to the video");

和：

videoElement.src = 'http://static.bouncingminds.com/ads/5secs/baileys_5sec.mp4';
videoElement.width = 320;
videoElement.height = 240;
videoElement.controls = true;

您可以将其他选项应用于视频标签，我建议考虑的其中一个选项是“预加载”

使用上述代码可在 Chrome 上运行...我还建议不要依赖 HTML5，因为并非所有浏览器都支持。有一些不错的备用选项，例如VideoJS和JWPlayer，它们将播放浏览器支持的内容，而不是强制使用 HTML5 或 Flash

编辑：我刚刚注意到“FireFox”——用其他东西替换 .mp4 视频，FF 不能很好地与 mp4 一起播放

于 2013-01-09T03:05:16.867 回答