twitter-bootstrap – 使用twitter bootstrap,如何使嵌入式视频

发布时间：2020-12-18 00:21:43 所属栏目：安全来源：网络整理

导读：我正在尝试制作嵌入式视频,以响应窗口大小的变化,并与移动屏幕兼容.有谁知道要实施哪个类或如何使视频响应？谢谢. 解决方法 responsive embed component与 release of Bootstrap 3.2.0一起添加. !-- 16:9 aspect ratio --div class="embed-responsive embed-

我正在尝试制作嵌入式视频,以响应窗口大小的变化,并与移动屏幕兼容.有谁知道要实施哪个类或如何使视频响应？谢谢.

解决方法

responsive embed component与 release of Bootstrap 3.2.0一起添加.

<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
    <iframe class="embed-responsive-item" src="…"></iframe>
</div>

<!-- 4:3 aspect ratio -->
<div class="embed-responsive embed-responsive-4by3">
    <iframe class="embed-responsive-item" src="…"></iframe>
</div>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!