Почему 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, похоже, не использует данные камеры для кодирования вращения, которое появилось вместе с мобильным видео. в течение основного времени вы должны выяснить, какое исправление для себя, вы можете использовать css transform для поворота видеотега, но одна проблема заключается в том, что он будет вращать видеоконтроль с ним.

вы можете использовать videojs, а затем добавить плагин поворота, вы можете просто его загрузить. это поможет вращаться для видео.

вы можете сделать что-то вроде этого

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

Скорее всего, вы записали видео вверх дном, не осознавая этого - что может случиться, например. при использовании смартфона.

Есть видео-плееры, которые автоматически корректируют такие вещи, которые могут быть, почему вы не понимаете, что видео перевернуто.

Существует бесплатный Videoplayer под названием VLC, который вы можете исправить с помощью поворота видео.

Получить его здесь и установить его, если вы уже не имеете его: http://www.videolan.org/vlc/

Шаги:

1. Открыть видео в VLC медиа-плеер
2. Пауза видео, если это слишком для продолжения работы, в то время как вы выполняете другие шаги
3. В верхнем меню выполните следующие действия:
   1. Инструменты
   2. видеоэффектов
4. В окне, что только что открыл перейти на язычок геометрии и выполните следующие действия:
   1. Установите флажок «Transform»
   2. Выберите «Поворот на 180 градусов»
5. Ваше видео теперь должно выглядеть красиво и правой стороной вверх
6. Чтобы сохранить изменения s:
   1. В верхнем меню выберите, навигации следующим образом:
      1. Медиа
      2. Convert/Save
   2. Выберите, где вы хотите сохранить файл.
7. Загрузите повернутое видео вместо перевернутого.
8. Теперь ваше видео должно отображаться правильно :)