TikTok 为开发者提供了嵌入式 API,可以在其他网站上查看 TikTok。从文档中,他们提到了以下内容:
嵌入式视频具有自适应长宽比
我的假设是,当我更改嵌入视频容器的高度时,长度/宽度将适应它。然而,这对我来说效果不太好。设置包含嵌入代码的元素的大小500px没有任何作用,嵌入的 TikTok 视频会溢出,高度约为700px。更改块引用的高度.tiktok-embed会产生不同的效果:它确实会更改嵌入视频的 iframe 的大小,但内部内容不会尝试适应它,而是会被截断。我想设置一个小于默认高度的高度,并使视频适应我选择的尺寸。
我在codesandbox上有一个可重现的案例。如何制作才能将嵌入的高度更改为较小的高度而不会使嵌入被剪切?