0

さて、私は HTML5 を試してみて、video タグを使用するのがいかに簡単かを見ていきます。

そうではないことが判明しました。

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

これをノードで実行すると、でパブリックフォルダー（およびそのすべてのサブフォルダー）のコンテンツが提供されhttp://localhost:3000/ます。

于 2013-02-26T13:20:26.870 に答える