Question

好的，我正在给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路径有问题吗？

Answer 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/处提供公用文件夹（及其所有子文件夹）的内容。

试用HTML视频标签，没有任何反应

1 个答案: