javascript - 如何将视频放入 iframe 中？

Question

我正在使用 iframe 标签播放视频，我扩展了 iframe 完整的 width 和 height父 div 的，像这样:

但如您所见，视频不会完全适合 iframe。

有什么方法可以扩展视频(就像 object-fit 对图像所做的那样)或使 iframe 适应视频的大小？

使用 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