我有一个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%。