1 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    
</head>

<body>
<video id="my_video_1" class="video-js vjs-default-skin" controls
 preload="auto" width="300" height="170" poster="../images/audi/audi_poster.png"
 data-setup="{}">
 <source src="../videos/audi/audi.mp4" type='video/mp4'>
 <source src="../videos/audi/audi.ogg" type='video/ogg'>
 <source src="../videos/audi/audi.webm" type='video/webm'>

 </video>
 </body>
 </html>

上記のコードの場合、ファイルは Google Chrome ではエラーなく再生されますが、Firefox と IE では再生されません。

どこが間違っているのかわかりません..助けてください..私は本当にこの問題を解決する必要があります. 助けてください

ウェブサイトはゴッドダディサーバーで実行されます。私はビデオファイルやphpプログラミングを保存するためにデータベースを使用していません.htmlファイルをサーバーにアップロードするだけです.3つのブラウザすべてでビデオを再生する非常にシンプルなページです. ..

4

1 に答える 1

1

HTML5videoとaudioタグのサポートは、現時点で最も使いやすいとは言えません。

まず、DOCTYPE は<!DOCTYPE html>コメントに記載されているとおりにする必要があります。次に、考慮すべき点がいくつかあります。

  1. Firefox は MP4 の再生をサポートしていません。Opera もサポートしていません。動画を MP4 から WEBM または OGG 形式に変換し、例に合わせて MP4 と同じディレクトリに配置する必要があります。
  2. IE8 以下はこの<video>タグをまったくサポートしていません。IE のバージョンの問題だと思います。ただし、IE9 は MP4 の再生をサポートしています。

私が現在取り組んでいるプロジェクトでこれをうまくプレイした後、私が遭遇した問題のいくつかを以下に示します。

  1. iOS デバイス (および一般的なモバイル デバイス) は、タグ (特にインライン) があまり好きではありません。しばらくそれで遊んだ後、MP4 ビデオに直接リンクするだけになり、デフォルト プレーヤーで開くようになりました。
  2. Google Chrome または IE9 はまだフルスクリーン ボタンをサポートしていませんが、Safari はサポートしています。FF や Opera はチェックしていません。以下を参照してください。

  3. ユーザーが 3 つの異なるファイルをアップロードする必要を避けるため。<video>FF と Opera (および MP4再生をサポートしていないブラウザー) 用のフラッシュ フォールバック (Flowplayer) を追加しました。サーバー上に WEBM または OGG ファイルを作成することもできますが、これは IE8 などの古いブラウザーでも役立ちます。MP4 再生のサポートを確認する方法に関するJavaScriptスニペットを次に示します。

    var flashaudioplayer=false;
var flashvideoplayer=false;

// Check if browser supports HTML5 native mp3/mp4 playback
var audioTag = document.createElement('audio');
var videoTag = document.createElement('video');
if (!(!!(audioTag.canPlayType) && ("no" != audioTag.canPlayType("audio/mpeg")) && ("" != audioTag.canPlayType("audio/mpeg")))) {
flashaudioplayer=true;

}
if (!(!!(videoTag.canPlayType) && ("no" != videoTag.canPlayType("video/mp4")) && ("" != videoTag.canPlayType("video/mp4")))) {
flashvideoplayer=true;
}

  4. タグでの MP3 再生サポートにも同じ問題があり<audio>ます。Flowplayer には MP3 ファイルを再生する方法もあるため、フラッシュ フォールバックの優れたオプションです。

于 2012-06-18T05:21:13.200 に答える