Javascript 如何使mp4视频适合IE中的特定高度和宽度？

我有一个代码片段，如下所示

视频{
对象匹配：填充；
}

您的浏览器不支持视频标记。

如果您不支持9版以下的IE，可以尝试使用css转换：

首先，将视频包装在所需宽度和高度的标签中：

<div id="videoWrapper" style="width: 800px; height: 240px;">
     <video id="videoFill">
         <source src="http://www.w3schools.com/tags/movie.mp4" type="video/mp4">
         Your browser does not support the video tag.
     </video>
</div>

请注意，我从视频标签中删除了

控件。很有可能，在重新缩放视频导航后，它看起来会很“有趣”，所以您可能希望包含某种JS/jQuery自定义控件插件，或者自己编写一个

工作提琴（仅限8把）：
我猜你不会吧？IE使用与Chrome不同的播放器。这不起作用。它没有将视频扩展到所需的宽度。这是小提琴->当然，我应该从视频中计算出宽度和高度，而不是样式。很抱歉给你带来了困惑。尽管如此，我还是编辑了我的答案，添加了工作小提琴。希望现在没事了。
var wrap = document.getElementById("videoWrapper");
var vid = document.getElementById("videoFill");

var newScaleX = parseInt(wrap.style.width)/vid.offsetWidth;
var newScaleY = parseInt(wrap.style.height)/vid.offsetHeight;
var scaleString = "scale(" + newScaleX + ", " + newScaleY + ")";

vid.style.msTransformOrigin = "left top";
vid.style.msTransform = scaleString;