可以使用iframe引入外部网页
<iframe
title="vimeo-player"
src="https://player.vimeo.com/video/919942180?h=a56246711a"
width="640"
height="360"
style={{ width: '100%', aspectRatio: '16/9' }}
frameBorder="0"
allowFullScreen
/>
如果你希望 iframe
的宽高比保持固定,可以结合使用 style
属性来实现
<iframe src="https://www.example.com" style="width: 100%; aspect-ratio: 16/9;"></iframe>
iframe
的宽度被设置为父容器的宽度,并且高度会按照16:9
的宽高比进行自动调整