Question

我刚刚从书籍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中有效。

有些人可以帮我解决这个问题吗？谢谢。

Answer 1

尝试在没有“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;

您可以other options申请视频标记，其中一个我建议考虑的是“预加载”

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

编辑：我刚注意到“FireFox” - 用其他内容替换.mp4视频，FF与mp4的播放效果不佳

在脚本中设置src时未加载视频

1 个答案: