0

好的，所以我正在尝试 HTML5，看看使用视频标签是多么容易。

结果并非如此。

<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 路径有问题吗？

4

1 回答 1

1

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");

使用 node 运行它，它将提供公共文件夹（及其所有子文件夹）的内容http://localhost:3000/。

于 2013-02-26T13:20:26.870 回答