0

何らかの理由で、私のビデオは他のすべてのブラウザーで動作します (この例では mp4 のみを使用していますが、ogv と webm も使用しています)。さらに奇妙なのは、機能するビデオと機能しないビデオがあることです。

問題が何であるかを示すために小さなjsfiddleを作成しました。うまくいけば助けてくれます:)

jsfiddle の例 *最初の 1 つは正常に動作し、2 番目は動作しません

<video controls >
<source src="https://s3.amazonaws.com/alchemycollaborative/video/inspired/Hitchcock.mp4"
type="video/mp4" />
<p>Your browser does not support HTML5.</p>
</video>
<video controls >
<source src="https://s3.amazonaws.com/alchemycollaborative/video/sizzle.mp4"
type="video/mp4" />
<p>Your browser does not support HTML5.</p>
</video>

前もって感謝します！

4

1 に答える 1

0

ここでいくつかのことが起こっている可能性があります。

ページの上部でディレクティブが宣言されていない場合、Internet Explorer 9 以前のバージョンは IE5 (Quirks) モードで実行されることに注意してください。ページの先頭に ``` を追加することをお勧めします。

誤って IE9 インスタンスを IE7/8 互換モードで実行していないことを確認してください: [F12] を押して、デバッガー ウィンドウのメニューの右側にある項目に「ブラウザー モード: IE9 ドキュメント モード: 標準」と表示されていることを確認します。

上記の手順で問題が解決しない場合は<meta http-equiv="X-UA-Compatible" content="IE=9"/>、ページのヘッダー要素に追加してみてください。これにより、IE9 以降が強制的に IE9 互換モードで実行されます。

注: これはデバッグ中にのみ使用してください。ライブ ページにこのメタ タグを残すと、IE10 を使用してサイトにアクセスした人は、IE9 がサポートしていない新しい HTML5 機能を利用できなくなります。

FWIW、次は私のマシンで正常に動作します (ただし、2 番目のビデオは存在しないようです!):

<!DOCTYPE html>

<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>My Site's Title</title>
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
</head>
<body>
  <video controls >  
    <source src="https://s3.amazonaws.com/alchemycollaborative/video/inspired/Hitchcock.mp4" type="video/mp4" />
    <p>Your browser does not support HTML5.</p>
  </video>
  <video controls >
    <source src="https://s3.amazonaws.com/alchemycollaborative/video/sizzle.mp4" type="video/mp4" />
    <p>Your browser does not support HTML5.</p>
  </video>
</body>
</html>
于 2013-03-08T09:35:36.660 に答える