これは、ビデオを実行するための関連コードです。
<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
関数は間違っているように思えますか?
Firefoxは、現時点ではMPEG H.264(mp4)形式をサポートしていません。これは、形式のクローズドソースの性質に対する哲学的な不一致のためです。
プラグインを使用せずにすべてのブラウザーでビデオを再生するには、各ビデオの複数のコピーを異なる形式でホストする必要があります。また、上記の@TimHayesのJSFiddleで見られるように、以下に再現されるvideo
タグの代替形式を使用する必要があります。 Mozillaは、すべての主要なブラウザーを完全にカバーするにはmp4とWebMのみが必要であると主張していますが、ビデオ形式とブラウザーサポートの見出し W3CのHTML5ビデオページ を参照して、どのブラウザーがどの形式をサポートしているかを確認してください。
さらに、主要なファイル形式の基本的な比較については、 WikipediaのHTML5ビデオページ をチェックする価値があります。
適切なvideo
タグを次に示します(ビデオを WebM または [〜#〜] ogg [〜#〜] 形式で再エンコードする必要があります既存のmp4と同様):
<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日更新
ネットワークインフラの巨人であるシスコは H.264コーデックの実装をオープンソース化する計画 を発表しました。これまでのところ、Mozillaによる使用の障壁であることが証明されたライセンス料を削除します。政治に深く入り込むことなく(そのための次のリンクを参照) これにより、Firefoxは「2014年初期」からH.264をサポートできるようになります 。ただし、そのリンクで述べたように、これにはまだ注意が必要です。 H.264コーデックは単にビデオ用であり、MPEG-4=コンテナでは、最も一般的にはクローズドソースAACオーディオコーデックとペアになっています。このため、H.264ビデオの再生動作しますが、オーディオはエンドユーザーがマシンに既に存在するAACコーデックを持っているかどうかに依存します。
これの長短は進歩が進んでいるということですが、プラグインを使用せずに複数のエンコーディングを使用することを避けることはできません。
私の場合、このエラー:
ビデオ形式またはMIMEタイプはサポートされていません。
my .htaccessのCSP が原因で、コンテンツをロードできませんでした。これを確認するには、ブラウザのコンソールを開いてページを更新します。
そのCSPのmedia-src
部分にビデオをホストしているドメインを追加すると、コンソールはきれいになり、ビデオは適切にロードされました。例:
Content-Security-Policy: default-src 'none'; media-src https://myvideohost.domain; script-src 'self'; style-src 'unsafe-inline' 'self'
buntu 14.04の場合
パッケージOxideqt-dodecsを削除してから、フラッシュまたはubuntuの制限付きエクストラをインストールするだけです
そして、あなたは行ってもいいです!!
修正済み!
私はこれに心を失っていました。 Firefoxをリセットし、セーフモードを試し、プラグインを削除し、開発者ツールを使用してデバッグしました。すべてが役に立たなかったし、オンライン動画を通常の視聴状態に戻すことで、それ以上私を連れて行かなかった。しかし、これは完璧にトリックを行いました。
Firefox内またはお持ちのFirefoxのフレーバー(CyberFoxはここでの私のお気に入りの選択肢です)で、単に https://get.Adobe.com/flashplayer/ を参照します
WebサイトがFireFoxを使用していることを検出し、Firefox用にFlash Playerのダウンロードを設定したことを最初に確認してください。
[ダウンロード]をクリックしないでください。片頭痛を保存してください。「オプションの提供:」というラベルの付いた中央のセクションが常にチェックされていないことを確認してください。
ダウンロードが完了したら、Firefoxを閉じます。ダウンロードしたセットアップファイルを管理者として実行します。完了するのに数秒かかからないので、完了したらFirefoxを再度開き、以前にこのエラーをスローしていたものをすべて表示してみてください。これで通常に戻るはずです。
楽しい!