视频帧图像SRC未显示

时间:2014-11-08 17:07:49

标签: image html5-video src

我复制了此链接的代码:http://jamesbaca.net/slides/source_code/html5_andJSThumbs/。该演示在服务器上运行良好,但我的本地代码没有产生图像。我为demo和amp运行了Inspect元素。我自己的副本。该演示显示了图像元素的src。该副本仅显示原始代码。 src来自哪里,&如何让副本呈现与原始演示相同的结果?

1 个答案:

答案 0 :(得分:0)

问题不在您的代码中;这就是它在服务器上工作的原因。它失败只是因为您尝试从文件而不是服务器加载它。来自file:// URL的图像自动" taints"画布(即使它是由一个也是文件:// URL的页面加载),这意味着调用toDataURL将throw an error

  

如果canvas元素的位图的origin-clean标志设置为false,则抛出SecurityError异常   并中止这些步骤。

您应该运行本地服务器并从中加载代码。例如,假设您安装了Python,则可以cd到文件所在的目录并运行:

  

python -m SimpleHTTPServer 8009

然后将浏览器指向http://localhost:8009/yourfile.html