HTML5视频控件在页面加载时缩小

Question

我需要在页面中集成HTML5视频播放器才能运行MP4视频。该视频在轮播中运行，该轮播会在加载时进行幻灯片宽度的计算，因为通过width:100%通过CSS管理的视频原始视频宽度。

问题是当页面加载和轮播初始化时，VIDEO的控件无法扩展视频播放器的整个宽度。单击视频上除播放按钮以外的任何位置后，控制面板将按原样扩展整个宽度。

之前：

之后：