为什么HTML视频标签仅在Mozilla Firefox中显示视频？

2019年7月21日 290次阅读

我有一个页面,使用html视频标签显示多个视频.代码如下面的代码段：

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

该类只是一个动态设置宽度,高度等的类.

除了Firefox之外,所有浏览器中的视频都能很好地播放和播放.使用这些标签的网站上的所有视频都在Firefox中颠倒了.我似乎无法在网上找到有类似问题的人.事实上,当我使用相同的视频标签和视频扩展等访问其他网站时,视频会在Firefox中完美显示在我们的网站上.

以下是包含倒置视频的网站供参考：

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

视频在本地,本地服务器上显示颠倒,并托管在真实服务器上.

任何帮助将不胜感激.

最佳答案 这是一个firefox问题,我看到有几个人一遍又一遍地抱怨这个问题,但都无济于事.它只发生在从移动设备上录制视频时,firefox似乎没有使用摄像机细节来跟随移动视频一起编码旋转.在你必须为自己找出修复的主要时间,你可以使用css转换来旋转视频标签,但是一个问题是它会用它旋转视频控件.

你可以使用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>

}

另外,Chrome更新中最近出现了一个压缩移动视频的问题.仍在寻找解决方案

点赞