Zlerp
2020-11-28 08:33:31
黑色背景是因为iframe的大小与自然视频的大小不同。我们可以通过定义iframe的高度和宽度来删除背景，如下所示：
看到宽度更改为 226px
<iframe width="226" height="315" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/39255/cat.mp4" frameborder="0" allowfullscreen></iframe>
或以下说明的响应式版本：
我所做的就是找到iframe中指定的视频的长宽比，方法是仅播放宽度和高度，直到只显示猫的图像，周围没有黑条。
这给了我元素的宽度226px和高度315px，我需要为父元素创建长宽比。
使用此处显示的相同逻辑，我使iframe的包装容器具有一个
padding-top: calc((315 / 226) * 100%);
然后，我在该包装容器周围添加了另一个容器，并在那里定义了它的width属性。基于该主包装容器的宽度，内包装容器的高度将相应地增长/缩小。
然后，使用positon: absolute和将iframe浮动在其上height: 100%; width: 100%;
那应该是你开始的好地方。希望这可以帮助。
请在此处查看Codepen：https ://codepen.io/Zlerp/pen/dypPybj
热门帖子
热门github
1
2
4
The Python Risk Identification Tool for generative AI (PyRIT) is an open access automation framework to empower security professionals and machine learning engineers to proactively find risks in their generative AI systems.
(翻译：用于生成式 AI 的 Python 风险识别工具 (PyRIT) 是一个开放式访问自动化框架，使安全专业人员和机器学习工程师能够主动发现其生成式 AI 系统中的风险。)
5
7
8
9
Mamba is a new state space model architecture showing promising performance on information-dense data such as language modeling, where previous subquadratic models fall short of Transformers. It is based on the line of progress on structured state space models, with an efficient hardware-aware design and implementation in the spirit of FlashAttention.
(翻译：Mamba 是一种新的状态空间模型架构，在信息密集型数据（例如语言建模）上显示出良好的性能，而之前的二次模型在 Transformers 方面存在不足。它基于结构化状态空间模型的进展，并本着FlashAttention的精神进行高效的硬件感知设计和实现。)
10
11
13