Javascript 如何使用<；视频>；用旋转属性处理视频？

我有一些视频文件。mediainfo：

General
Complete name                            : E:\ownCloud\draft\20160720\2016-07-21_01-01-29_41347700.mp4
Format                                   : MPEG-4
Format profile                           : Base Media / Version 2
Codec ID                                 : mp42 (mp41/mp42/isom)
File size                                : 325 KiB
Duration                                 : 6 s 0 ms
Overall bit rate                         : 443 kb/s
Encoded date                             : UTC 2016-07-20 10:44:46
Tagged date                              : UTC 2016-07-20 10:44:46

Video
ID                                       : 2
Format                                   : AVC
Format/Info                              : Advanced Video Codec
Format profile                           : High@L1.3
Format settings, CABAC                   : Yes
Format settings, ReFrames                : 2 frames
Codec ID                                 : avc1
Codec ID/Info                            : Advanced Video Coding
Duration                                 : 6 s 0 ms
Bit rate                                 : 386 kb/s
Width                                    : 240 pixels
Height                                   : 320 pixels
Display aspect ratio                     : 0.750
Rotation                                 : 90°
Frame rate mode                          : Variable
Frame rate                               : 30.000 FPS
Minimum frame rate                       : 28.571 FPS
Maximum frame rate                       : 35.294 FPS
Color space                              : YUV
Chroma subsampling                       : 4:2:0
Bit depth                                : 8 bits
Scan type                                : Progressive
Bits/(Pixel*Frame)                       : 0.168
Stream size                              : 283 KiB (87%)
Title                                    : Core Media Video
Encoded date                             : UTC 2016-07-20 10:44:46
Tagged date                              : UTC 2016-07-20 10:44:46
Color range                              : Limited
Color primaries                          : BT.709
Transfer characteristics                 : BT.709
Matrix coefficients                      : BT.601

Audio
ID                                       : 1
Format                                   : AAC
Format/Info                              : Advanced Audio Codec
Format profile                           : LC
Codec ID                                 : 40
Duration                                 : 6 s 0 ms
Source duration                          : 6 s 107 ms
Bit rate mode                            : Constant
Bit rate                                 : 50.8 kb/s
Nominal bit rate                         : 64.0 kb/s
Channel(s)                               : 2 channels
Channel(s)_Original                      : 1 channel
Channel positions                        : Front: C
Sampling rate                            : 44.1 kHz
Frame rate                               : 43.066 FPS (1024 spf)
Compression mode                         : Lossy
Stream size                              : 37.2 KiB (11%)
Source stream size                       : 37.9 KiB (12%)
Title                                    : Core Media Audio
Encoded date                             : UTC 2016-07-20 10:44:46
Tagged date                              : UTC 2016-07-20 10:44:46

你可以看到视频是在摄像机旋转的情况下录制的

我尝试这样使用：

<video src="2016-07-21_01-01-21_45791600.mp4" controls>

它可以工作，但控制器也会旋转。 即：

opera现在只识别

-webkit

，但会影响Chrome

我的问题是：如果视频具有旋转属性，如何识别它？

---

还有：如何使用旋转和控制器正确显示视频？

这不是一个新问题，问题通常是firefox而不是chrome，有几个人对此表示不满，但都没有用。他们最后说它将在下一次浏览器更新时修复。但这是最重要的时刻。您可以使用旋转视频而不旋转控件，它有几个插件，其中一个是旋转插件

你可以这样做，只是一个例子

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>

}  

if（iFirefox）{
}  

测试浏览器类型，然后旋转它

---

新版本的chrome（52.0.2743）最近也有一个问题。它压缩了视频，因此改变了纵横比，仍然在寻找解决方案。这种情况只发生在手机上录制的视频上

这不是一个新问题，问题通常是firefox而不是chrome，有几个人对此表示不满，但都没有用。他们最后说它将在下一次浏览器更新时修复。但这是最重要的时刻。您可以使用旋转视频而不旋转控件，它有几个插件，其中一个是旋转插件

你可以这样做，只是一个例子

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>

}  

if（iFirefox）{
}  

测试浏览器类型，然后旋转它

---

新版本的chrome（52.0.2743）最近也有一个问题。它压缩了视频，因此改变了纵横比，仍然在寻找解决方案。这只适用于在手机上录制的视频

不仅firefox，而且alse IE、Chrome和许多基于webkit的浏览器都不会自动旋转视频。不仅firefox，alse IE、Chrome和许多基于webkit的浏览器都不会自动旋转视频。