Javascript iframe视频未正确显示

我正在尝试使用iFrame在我的网站上嵌入视频。这些视频在Chrome中显示得很好，但在Firefox和Safari中，视频被放大了，只能看到其中的一部分。我尝试使用转换，但没有用。我还尝试了iframe和div的不同维度、百分比和自动。这些都不起作用。提前谢谢你的帮助

屏幕截图链接：

火狐：

铬：

狩猎：

这就是我尝试在Firefox中使用转换时发生的情况：

我用的是AngularJS。下面是HTML和CSS。

---

也许你应该尝试使用标签而不是iframe。

视频在哪里托管？有时嵌入视频会带来js/css。另外，尝试在css中设置维度，或者在iframe本身上设置内联维度。不要两者兼而有之，这可能会混淆许多浏览器。不同的浏览器处理iFrame的方式不同。当我在几个浏览器上将PDF放入iframe时，我注意到了这一点。在某些浏览器中，内容会合适，而在其他浏览器中，您只会看到页面的一部分。这在技术上是一个不同的窗口。确保进入iframe的内容与iframe的大小完全相同，包括填充、边距和边框。@jorblume视频位于公用文件夹中。然后我会在css中设置尺寸，而忽略内联样式。@jorblume我删除了iframe标记中的尺寸，并在css中设置它们，但这并没有改变任何事情/ng src不适用于视频标记。

<div id="video-container">
  <iframe id="iframe-video" height="285px" width="510px" ng-src="{{ videoMove }}" frameborder="0" controls></iframe>
</div>

#video-container {
    float:right;
    padding: 0px;
    margin: 0px;
    width: 60%;
    height: 285px;
    overflow:hidden;
    background-color: #000000;
}

#iframe-video {
    width: 100%;
    height: 100%;
    display: block;
    position:relative;
}