18

HTML5の簡単な例を試しましたが、うまくいかないようです。

<!DOCTYPE html>
<html>

<body>
  <video width="320" height="240" controls="controls autoplay">
    <source src="resources/sample/sample1.mp4" type="video/mp4" />
  </video>
</body>

</html>

Chromeで例を試しましたが、ビデオが読み込まれますが、再生されません。スライダーを前後に動かすとビデオフレームが表示されますが、ビデオ自体は再生されません。

更新：localhost（tomcat）でこれにアクセスしましたが、それでも同じように反応します。また、chromeまたはfirefox（更新）でHTML5ビデオを再生できないことに気づきました。

4

15 に答える 15

5

私はアレックス・ペレオラに同意しません。ファイル名やパスを参照するだけで、ローカル マシンからロードできます。

同様の問題があり、Win 7 Pro の IIS の MIME タイプに mp4 がないことが判明しました。MIME タイプを追加する必要があります。以下のリンクで MIME タイプを追加する手順を参照してください。

HTML5ビデオがmp4エラー「無効なソース」を再生していませんか?

于 2013-07-18T03:51:14.130 に答える
3

両方の形式を使用すると、すべてのブラウザーで正常に動作します。

<video width="640" height="360" controls>
    <!-- MP4 must be first for iPad! -->
    <source src="unbelievable.mp4" type="video/mp4" /><!-- Safari / iOS video    -->
    <source src="movie.ogg" type="video/ogg" /><!-- Firefox / Opera / Chrome10 -->
</video>
于 2014-11-19T05:29:06.580 に答える
2

HTML5 Video タグを使用して、そのような localfile を読み込むことはできません。localhost またはリモートでホストされているファイルを使用する必要があります。mamp/wamp をインストールして、仮想ホスト経由でロードしてみてください。

<source src="http://localhost/development/programs/html/html5/sample/sample1.m4v" type="video/mp4" />
于 2012-05-30T09:27:31.243 に答える
2

私にとってうまくいったのは、mp4形式をV1からV2に変換することでした：

ffmpeg.exe -i old.mp4 -brand mp42 new-v2.mp4

于 2020-06-12T22:09:44.527 に答える
0

ビデオのエンコーディングが原因である可能性があります。ビデオのエンコーディングを確認し、Chrome がそれをサポートしているかどうかを確認してください。ビデオをエンコードするには、ff-mpeg などのエンコーダーを試してください。

于 2013-01-02T11:17:30.580 に答える
0

Chrome: ファイルには音声も含まれていますか? その場合、デスクトップで再生している場合は、スピーカーをデスクトップに接続して確認してください。

Firefox: H.264 コンテンツはサポートされていません

IE9: 以下をページに追加する必要があります<meta http-equiv="X-UA-Compatible" content="IE=edge" />

于 2012-10-08T12:16:49.567 に答える
0

動画の相対 uri を設定してみてください。「D:/…」はローカルの Windows でのみ機能し、すべてのブラウザーでは機能しません。

于 2012-05-30T10:57:46.193 に答える
0

IIS でホストしているときにこの問題が発生し、ここで解決策を見つけました。私の場合、MP4 MIME タイプがサイト構成に存在しなかったため、Chrome に完全なビデオ URL を配置しても 404 エラーが発生します。そこで、MIME video/mp4 で .mp4 を追加したところ、問題なく動作しました。それがTomcatと同じかどうかはわかりませんが、試してみる価値はあります...

于 2015-10-13T14:04:16.517 に答える