在网页中嵌入视频时,为了保证播放器的显示效果,我们通常会使用 iframe 元素来引用播放器。而且我们希望播放器的宽高比为16:9,以适配各种不同的屏幕分辨率。
iframe 引用播放器自适应16:9代码 第5张插图

下面是一个简单的 HTML 代码示例:

这样,当容器的宽度发生变化时,播放器的宽高比就会自动适应为16:9的比例。该代码还允许用户在播放器中全屏观看视频,提升用户体验。