如何在iframe中放入视频？

Question

我使用iframe标记来播放视频，我扩展了父iframe的{​​{1}}完整width和height，如下所示：

但是你可以看到视频不能完全适合div。

是否有任何方法可以扩展视频（例如iframe对图片有效）或将object-fit调整为视频大小？

使用CSS或JavaScript（使用CSS的首选项）。

Answer 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的宽度和高度比视频本身高出约30px