HTMLビデオタグがMozilla Firefoxでのみビデオを上下逆に表示するのはなぜですか？

Question

私はhtmlビデオタグを使用して複数の動画を表示するページを持っています。以下のコードは、スニペットのようになります。

<video controls="controls" class="vw" name="Video" src="videos/ACS_Video_2b.mp4"></video> 

クラスは単に動的幅、高さを設定し、クラスなど

ビデオルックスであるとFirefox以外のすべてのブラウザで非常にうまく演じています。これらのタグを使用しているウェブサイトのすべての動画は、Firefoxでは上下が逆です。私は、同様の問題を抱えている人々についてオンラインで何かを見つけることはできないようです。実際、同じビデオタ​​グやビデオ拡張子などを使って他のウェブサイトにアクセスすると、ビデオはFirefoxのサイトに完全に表示されます。ここで

は、参照用に逆さまにビデオでウェブサイトです：

http://www.larrykrannich.com/video.html

動画は、ローカルサーバー上で、ローカルに逆さまに表示され、実サーバ上でホストされています。

ご協力いただければ幸いです。

Answer 1

これはFirefoxの問題であり、私はいくつかの人々がこの問題について何度も訴えていることがわかるが、無駄にすべてしています。それは、ビデオがモバイルから記録されたときにのみ起こります、firefoxは、モバイルビデオに付属しているエンコードされた回転にカメラの詳細を使用していないようです。主な時間は自分で修正する必要がありますが、css transformを使ってビデオタグを回転させることができますが、その1つの問題はビデオコントロールを回転させることです。

videojsを使用して、回転プラグインを追加すると、Googleだけでも使用できます。動画の回転に役立ちます。あなたもこの

if (isfirefox) { 

    <video class="video-js vjs-default-skin" controls preload="auto" width="270" height="360" data-setup='{ "plugins": { "zoomoomrotate": { "rotate": "270", "zoom": "1.4" } } }'> 
     <source src="video-source" type="video/mp4">   
    </video> 

} 

ような何かを行うことができます

、同様のモバイルビデオを圧縮クロム更新の最近の問題があります。まだそれのための修正を探して

Answer 2

ビデオファイルの回転メタデータと関係があるようです。この問題は、ビデオをトランスコードして回転させることで解決できます。同様の投稿here

Answer 3

ほとんどの場合、あなたはビデオを逆さまに、それを実現せずに録画しました。スマートフォンカメラを使用しているとき。

ビデオプレイヤーがあります。そのようなことを自動的に修正します。その理由は、ビデオが逆さまになっていることに気付かなかった理由です。

VLCと呼ばれる無料のビデオプレーヤーがあります。ビデオを回転させることでこれを修正できます。

あなたはすでにそれを持っていない場合、ここでそれを入手し、インストールしてください。 http://www.videolan.org/vlc/

手順：VLCメディアプレーヤーで

1. オープンビデオ
2. を、それはあまりにもだ場合、動画を一時停止他の手順を実行している間、短く実行してください。
3. 上部メニューで、次のようにナビゲートしてください。
   2. を選択し、「回しによる「トランスフォーム」ボックスにチェックを入れます：ちょうどジオメトリ-タブに移動し、次の操作を行う開いたことの
   3. ツールウィンドウで
   4. ビデオエフェクト
   1. 、 180度」
4. あなたのビデオが今、あなたの変更を保存するには、最大
5. いいと右側になりますS：上部のメニューをクリックして
   1. 、次のようにナビゲートします。
      1. メディア
      2. を変換/保存
   2. ファイルを保存する場所を、選択してください。
6. 逆さまにしたビデオをアップロードします。
7. 今すぐあなたのビデオが正しく表示されなければならない:)