12

これは、ビデオを実行するための関連コードです。

<video id="video" src="videos/clip.mp4" type='video/mp4' controls='controls'>
    Your brwoser doesn't seems to support video tag
</video>

このコードは個別に正常に動作しますが、フェードインしようとすると:

function showVideoPlayer(){          
    console.log('video displayed');      
    $("#video").fadeIn('medium');
}

それはうまくいかないようで、私はこれを得ました：

ここに画像の説明を入力

ご覧のように：Video format or MIME type is not supported.

ビデオ コンテナは css に隠されています。

#video{
    position:fixed;
    border:solid 1px #000000;
    width:654px;
    height:454px;
    background-color:#FFFFFF;
    left:23%;
    top:11%;
    display:none;
}

これがアイデアです。ビデオ コンテナは非表示 ( display:none) です。必要に応じて、関数を呼び出しshowVideoPlayerてビデオ コンテナを表示します。ただし、それは機能せず、このエラーが発生しFireFox、Chrome と IE9 で空白の画面が表示されます。

何か不足していますか？関数はfadeIn私を誤解しているようですか？

4

4 に答える 4

12

現時点では、Firefox は MPEG H.264 (mp4) 形式をサポートしていません。これは、形式のクローズド ソースの性質との哲学的な不一致のためです。

プラグインを使用せずにすべてのブラウザーでビデオを再生するには、各ビデオの複数のコピーを異なる形式でホストする必要があります。video上記の @TimHayes からの JSFiddle に見られるように、タグの代替形式を使用する必要もあります。Mozilla は、すべての主要なブラウザーを完全にカバーするには mp4 と WebM のみが必要であると主張していますが、 W3C の HTML5 ビデオ ページのビデオ形式とブラウザー サポートの見出しを参照して、どのブラウザーがどの形式をサポートしているかを確認することをお勧めします。

さらに、主要なファイル形式の基本的な比較については、ウィキペディアの HTML5 ビデオ ページを参照してください。

以下は適切なタグです (既存の mp4 だけでなく、 WebMまたはOGGvideo形式でビデオを再エンコードする必要があります)。

<video id="video" controls='controls'>
  <source src="videos/clip.mp4" type="video/mp4"/>
  <source src="videos/clip.webm" type="video/webm"/>
  <source src="videos/clip.ogv" type="video/ogg"/>
  Your browser doesn't seem to support the video tag.
</video>

2013 年 11 月 8 日更新

ネットワーク インフラストラクチャの巨人である Cisco は、H.264 コーデックの実装をオープンソース化する計画を発表しました。これにより、これまで Mozilla が使用する際の障壁となっているライセンス料が取り除かれました。その政治に深く入り込むことなく (以下のリンクを参照) 、これにより Firefox は "early 2014" から H.264 をサポートできるようになります。ただし、そのリンクに記載されているように、これにはまだ注意事項があります。H.264 コーデックは単にビデオ用であり、MPEG-4 コンテナでは、クローズド ソースの AAC オーディオ コーデックと組み合わせるのが最も一般的です。このため、H.264 ビデオの再生は機能しますが、オーディオはエンド ユーザーのマシンに AAC コーデックが既に存在するかどうかによって異なります。

要するに、進歩が見られるということですが、プラグインを使用せずに複数のエンコーディングを使用することは避けられません。

于 2012-10-30T04:14:13.210 に答える
0

Ubuntu 14.04 の場合

パッケージOxideqt-dodecsを削除してから、フラッシュまたはubuntuの制限付きエクストラをインストールします

そして、あなたは行ってもいいです!!

于 2014-10-18T14:23:35.450 に答える
0

私の場合、このエラー：

ビデオ形式または MIME タイプがサポートされていません。

.htaccessの CSP が原因で、コンテンツの読み込みが許可されませんでした。これは、ブラウザのコンソールを開いてページを更新することで確認できます。

media-srcその CSPの一部でビデオをホストしていたドメインを追加すると、コンソールはクリーンになり、ビデオは適切に読み込まれました。例：

Content-Security-Policy: default-src 'none'; media-src https://myvideohost.domain; script-src 'self'; style-src 'unsafe-inline' 'self'
于 2016-04-22T14:02:31.917 に答える