【问题标题】：how to fit the video inside of an iframe?如何将视频放入 iframe 中？
【发布时间】：2016-03-11 15:29:06
【问题描述】：
我正在使用iframe 标签播放视频，我扩展了父div 的iframe 完整的width 和height，如下所示：
但正如您所见，视频不完全适合 iframe。
有什么方法可以扩展视频（就像object-fit 对图像所做的那样）或使iframe 适应视频的大小？
使用 CSS 或 JavaScript（首选使用 CSS）。
【问题讨论】：
标签：
javascript
html
css
video
iframe
【解决方案1】：
您需要 2 个单独的页面：试试这个：
page 1
<iframe width="450" height="260" src='page2.html'>
</iframe>
page 2
<video width="420" controls>
<source src="movie.mp4" type="video/mp4">
</video>
这样您可以将它们组合在一起，并确保 iframe 的宽度和高度比视频本身大 30 像素左右