回<Video>退到嵌入的IE8时调整大小<Object>,视频被裁剪



我有一个mp4格式的分辨率为1166 X 720的视频。<video>标记适用于IE9+、Chrome和Safari。当我给视频元素{width:90%}时,它会适当调整大小以适应屏幕大小。

我正在通过为IE8安装一个Quick Time Player来将回退应用于<object>。但现在给<object>{width:90%;}并没有调整视频大小,而是裁剪调整视频大小。

我尝试了VideoJS,它没有在IE8中渲染视频。IE8讨厌<video>,但我需要让它发挥作用。

使用流播放器,但调整大小的问题不断重复出现。

什么是可行的解决方案?更改视频的分辨率或者一些针对IE8 Fallback的CSS破解?

如果您还没有。。。

<object style="width:90%">

或者将视频元素包装在div中,然后调整大小并使视频宽度为100%。

最新更新