12

ローカルのイントラネットでHTML5ビデオを再生するために私ができることを誰かが知りたいと思っていますか?IE5を使用して動作するようにHTML5ビデオを取得するには

私のWebサーバ=のWindows Server 2008 R2の標準の64ビット IISのバージョン= IIS7

テストユーザー環境= Windows 7のエンタープライズ

ビデオは完全に 'Google Chromeの'

ビデオの再生に失敗使って再生さ使用した 'IE10'

私のhtmlコードは次のとおりです。

<!DOCTYPE html> 
<html> 
    <body> 
     <video src="AccReadings.mp4" width="400" height="300" preload controls> 
     </video> 
    </body> 
</html> 

IE10を使用して私のテストマシンはするHTML5 Rocksビデオ 'http://craftymind.com/factory/html5video/CanvasVideo.html'

よろしく、

クリス

+0

「再生に失敗しました」と言うとエラーが表示されますか? –

答えて

1

をプレイし、私はcaniuseitmp4 is supported in IE9 and 10によると、しかし、IE10がインストールされていません。

IE9で次のhtmlが動作します。& Chromeの場合、ビデオファイルはサーバー上のhtmlページ(この例では)と同じフォルダにある必要があります。

<!DOCTYPE html> 
<html> 
    <body> 
     <video src="abc.mp4" width="640" height="480" preload controls></video> 
    </body> 
</html> 

編集:私はIE10をインストールしていると、あまりにもそこに上記の作品を確認することができます。

編集:FirefoxはMP4をサポートしていない、と古いブラウザがネイティブですべてのビデオをサポートしていないので、それは通常、フラッシュプレーヤーに、複数のソース(フォーマット)を提供し、フォールバックすることをお勧めします。

<!DOCTYPE html> 
<html> 
    <body> 
     <video width="640" height="480" preload controls> 
      <!-- mp4 supported by Chrome & IE9/10 --> 
      <source src="abc.mp4" type="video/mp4"></source> 
      <!-- webm supported by Firefox --> 
      <source src="abc.webm" type="video/webm"></source> 

      <!-- last element in video is fall back for native video support, usually a flash player --> 
      <object type="application/x-shockwave-flash ...> 
       <!-- last element flash player is usual fall back for flash support, usually some "not supported text" --> 
       <div> 
       Your browser does not natively support flash and you do not have flast installed. 
      </div> 
      </object> 
     </video> 
    </body> 
</html> 
+0

GrayKing、お手数をおかけしていただきありがとうございます。申し訳ありませんが、これはあなたに戻って非常に時間がかかりました...このスレッドへの返信があった場合、私は電子メール通知を期待していました。ビデオはChromeでうまくロードされるので、パスはMP4によく見えます。私はIE9を持っているマシンを見つけました。IE10と同じように、同じ白いページ(エラーは表示されません)があります。 – user2211781

+0

ウェブサイト/ページを別のWindowsサーバーに配置しました。これは32ビットのサーバーで、同じ結果です。最終的に私はあなたの提案のようにフォールバックを追加する予定ですが、IE10/IE9を最初に使用したいと思います。実際にはおそらくJWPlayerを最終的に使用します。 HTML5ビデオテストは、なぜJWplayerが正しく再生されないのかを調べる私の方法です。それはIE10のフラッシュプレーヤーに戻りますが、オーディオのみを再生し、フルスクリーンモードをクリックするとビデオが最終的に再生されます。フルスクリーンモードもフラッシュモードで再生されています。私はこれが以来作ることを願っています。 – user2211781

+0

ひどくエンコードされたmp4ファイルの問題かもしれません。別のファイルで同じ動作をしますか? –

0

私はIE10でhtml5ビデオを再生することに多くの問題がありました。 最後に確認したのは右のoeでした。ビデオはgzipで圧縮されていました。 サーバーの設定を確認してください。

EDIT: あなたのビデオは、サーバによって圧縮なっている場合は、知っている例えばCharlesのようなネットワークプロキシスニファを使用し、あるいはIEのデバッガおよびビデオファイル要求に応答ヘッダをチェックします。 Content-Encoding:gzipが見つかった場合は、サーバーの設定を確認する必要があります。 私の場合は、.htaccessファイルのビデオファイルに対してgzip圧縮を無効にする必要がありました。

+0

私は同様の問題を抱えている、あなたは私に多くの情報を与えることができますか?サーバーで何を確認する必要がありますか? – Joelio

+0

編集を参照してください...助けてほしい –

9

私はちょうど同様の問題を抱えていました。自分のサイトHTML5はまったく動作しませんでした。空白のエラーメッセージは表示されません。

理由はWindows7 N(EU - メディアプレーヤーなし)でした。

Windows Media Playerをインストールすると、これと他の問題も解決されます。 私はそれが助けて欲しいと思う:)

+0

あなたは、私の神です!私はこれについて数日間苦労していて、あなたの答えは私の問題を解決しました。 1つの質問:どのようにバイナリであるかの名前で、これを理解しましたか? – rivarolle

+0

それは恐ろしい解決策です: -/ エンドユーザーにWMPをインストールするよう指示するポップアップがありますか? –

1

多分あなたはCannot play neither IE10 HTML5 video nor Modern UI apps videoで述べたようにビデオカードのドライバの問題があります。

インターネットオプション>詳細設定>加速グラフィックス>使用

をGPUレンダリングするのではなく、ソフトウェアレンダリングそして、それが動作するかどうかを確認:としてIEで

無効にGPUレンダリング。

3

何らかの理由でWin7 + IE10で動作しているように見えません。他のすべてはよさそうだ。 ie.microsoft.comテストを含む以下のページに対してテストされています。

http://ie.microsoft.com/testdrive/graphics/videoformatsupport/default.html http://www.w3.org/2010/05/video/mediaevents.html

Win7のIE9 - OK

Win7のIE10 - いや

Win8 IE10 - OK

Win7のIE11 - OK

Win8 IE11 - OK

BrowserStack MSテストページのスクリーンショット。 http://www.browserstack.com/screenshots/9083c865675d0821ee8b1030a43da5fd36bff469

0

これは私が私のHTML5ビデオに使用するコードです:

<div> 
<video id="example_video_1" class="video-js vjs-default-skin" 
controls preload="none" width="auto" height="auto" 
poster="path/to/image.png" 
data-setup='{"example_option":true, "autoplay": true}'> 
    <source src="path/to/video.ogv" type='video/ogg' /> 
    <source src="path/to/video.webm" type='video/webm' /> 
    <source src="path/to/video.mp4" type='video/mp4' /> 
    <!-- Flash Fallback. Use any flash video player here. Make sure to keep the vjs-flash-fallback class. --> 
    <object class="vjs-flash-fallback" width="640" height="360" type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf"> 
     <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" /> 
     <param name="allowfullscreen" value="true" /> 
     <param name="flashvars" value='config={"playlist":["path/to/image.png", {"url": "path/to/video.flv","autoPlay":false,"autoBuffering":true}]}' /> 
     <!-- Image Fallback. Typically the same as the poster image. --> 
     <img src="path/to/image.png" width="640" height="264" alt="Poster Image" title="No video playback capabilities." /> 
    </object> 
</video> 

これは、すべてのデバイス/ブラウザ上で動作するはずです。私はその特定の順序で最新のブラウザが高速に読み込むことができるようにwidosを呼び出しました(クロムはogg/webm/mp4を再生できます - ビデオogg/webmをテストするとMP4が速く読み込まれ、バッファリング時間が短縮されるようです)

11

.mp4にMIMEタイプvideo/mp4を使用するようにWebサーバーを設定していることを確認してください。私は誤ってMIMEタイプvideo/mpegを使用するように.mp4を設定しました。ビデオはChromeで再生されますが、IE11では再生されません。

はまた、あなたがビデオはH264ビデオコーデックと私は正確に同じ問題を持っていた

+2

私は間違ったMIMEタイプ( 'application/octet-stream')を持ったビデオを(Amazon S3にアップロードして)持っていました。 IE10は、それを再生することを拒否する唯一のブラウザでした。 MIMEタイプを 'video/mp4'に変更した後(明らかにmp4ビデオでした)、IE10はそれを再生し始めました。 –

0

AACオーディオコーデックを使用して確認する必要があります。私のオリジナル解像度は1920x1200でした。 IE10には問題があるようだ。低解像度のビデオでの最初のテストでは、この問題が解決されました。

関連する問題