如何適應iframe中的視頻？

Question

我使用的是iframe標籤播放視頻，我延長了iframe充分width和家長div的height，像這樣：

但正如你可以看到視頻不會完全適合在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的高度約30像素比視頻本身更