尝试HTML视频标签，什么也没有发生

问题描述：

好吧，所以我给HTML5一个去，看看使用视频标签是多么容易。尝试HTML视频标签，什么也没有发生

原来不是这样。

<html> 
    <head> 
    </head> 
    <body> 
     <video id="vid" poster="Rick-Roll3.png" width="640" height="480" controls autoplay> 
      <source src="rick.webm" type="video/webm" /> 
     </video> 
    </body> 
</html>

我写出了上面的文件并保存为.html文件。但是，由于某种原因，它不起作用。没有视频会播放。

但是，如果我用这个源代码而不是视频它指向确实起到

<source src="http://v2v.cc/~j/theora_testsuite/320x240.ogg" type="video/ogg" />

我知道这个文件rick.webm在服务器上，在同一个文件夹中的HTML文件。我的src路径有问题吗？

您的浏览器是否支持'webm'？你的控制台中是否有错误？ – 2013-02-21 11:52:50

是的，我正在使用Chrome。我在控制台中看到没有错误。 – Luke 2013-02-21 12:06:24

实际上，看着GET请求，它似乎因某种原因被取消。 – Luke 2013-02-21 12:11:28

答

Web浏览器使用局部范围的HTTP请求（这应该返回部分内容代码206）下载源的视频元素。您似乎正在运行本地网络服务器或基于您的标题图片的等效内容，因此很可能您使用的服务器不能正确支持这些请求，而托管外部视频的服务器却可以。

我个人使用简单的Express（对于Node.js）静态文件服务器进行简单测试，它支持所需的范围请求就好了。严格地讲，它这个简单：

var express = require("express"), 
    app = express(); 

app.use(express.logger('dev')); 
app.use(express.static(__dirname+"/public")); 

app.listen(3000); 
console.log("Listening on port 3000");

与节点运行它，它会在http://localhost:3000/服务公众文件夹的内容（及其所有子文件夹）。

这是问题。我将服务器配置为提供webm文件，现在播放视频。谢谢！ – Luke 2013-04-10 12:22:53

尝试HTML视频标签，什么也没有发生

相关推荐