2012-05-30 11 views
6

HTML5の簡単な例を試しましたが、うまくいきません。HTML5ビデオが再生されない

<!DOCTYPE html> 
<html> 
<body> 

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

</body> 
</html> 

私は、スライダーを移動し、あちこちが、ビデオ自体はプレーをdoesnot場合、私はビデオフレームを見ることができる、私は、クロム上にビデオ負荷を例を試してみましたが、それは再生できません。

更新: これはlocalhost(tomcat)でも同じように反応します。 また、私はchromeまたはfirefox(更新済み)でHTML5ビデオを再生できないことに気付きました。

+0

これは、セキュリティ上の理由で許可されていません。 htmlファイルをローカルで開き、ビデオを表示するか、ビデオをサーバーにアップロードします。 Chromeはこのエラーを表示します:ローカルリソースを読み込むことができません。 – jasssonpet

+0

でも私は同じ問題に直面しています。以下の解決策は私のプログラムではビデオのディレクトリをスキャンして再生するオプションを与えるべきではありません。下記の質問を参照して問題を解決してください:http://stackoverflow.com/question/16834173/html-5-video-tag-not-working-from-tomcat-edited/16834215?noredirect = 1#comment24274462_16834215 – bali208

答えて

2

HTML5 Videoタグでローカルファイルを読み込むことはできません。 ローカルホストまたは遠隔ホストファイルを使用する必要があります。 mamp/wampをインストールし、それを仮想ホストにロードしてみてください。

<source src="http://localhost/development/programs/html/html5/sample/sample1.m4v" type="video/mp4" /> 
+0

私はいくつか変更を加えましたが、そこに問題を残しました。質問は – frewper

+2

に更新されました。 'HTML5'ビデオを再生するには、ローカルホストは必要ありません。デスクトップから、HTMLファイルとビデオリソースの両方をローカルに出すことができます。 – SexyBeast

0

ビデオの相対URIを設定してください。 "D:/ ..."は、すべてのブラウザではなく、ローカルでのみ動作します。

0

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

のFirefox:H.264コンテンツが

IE9をサポートされていません。以下は<meta http-equiv="X-UA-Compatible" content="IE=edge" />

0

ページに追加されなければならないことが原因ビデオencoding.CheckにあなたのビデオのエンコーディングこととChromeかどうかを確認しますそれをサポートしています。私はそれに直面する可能性があります。 ビデオをエンコードするためにff-mpegのようなエンコーダを試してみてください。

2

私はAlex Pereoraに同意しません。ファイル名やパスを参照するだけで、ローカルマシンからロードすることができます。

私は似たような問題を抱えていましたが、Win 7 ProではIISがmimeタイプのmp4を持っていませんでした。 mimeタイプを追加する必要があります。下記のリンクでMIMEタイプを追加する方法を参照してください。

html5 video is not playing mp4 error "Invalid Source"?

3

フラグとして "コントロール" を追加します。これは、ブラウザ上でそれ自身のプレーヤーコードをビデオ上で実行することを可能にする。私はこれをChrome上の.mp4ファイルで試してみました。

0

使用、それはすべてのブラウザでは正常に動作し、両方のフォーマット:

<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> 
0

を私はIIS上でホストする場合、この問題を持って、その溶液Hereを発見しました。 私の場合は、MP4 MIMEタイプがサイト設定に存在しなかったので、完全なビデオURLをChromeに入れても404エラーが発生します。だから、私はMIMEビデオ/ mp4と.mp4を追加し、すべての権利を得ました。それはTomcatで同じだが、次のようにそれは試してみる価値がある...

0

が自動的に再生のためにビデオタグにautoplay loopを追加する場合は知らん:

<!DOCTYPE html> 
<html> 
<body> 
<video width="320" height="240" autoplay loop> 
    <source src="resources/sample/sample1.m4v" type="video/mp4" /> 
</video> 
</body> 
</html> 
関連する問題