html - 用响应式视频填充 Bootstrap 列背景

标签 html css twitter-bootstrap responsive

我有一个我正在使用的网站网格,它显示新的公告和博客文章。我有一个大专栏(col-sm-8,占页面的 2/3),我希望有一个介绍性视频(解释/展示工作)适合。

我似乎无法将视频作为背景很好地播放(尝试使用 YouTube 嵌入和互联网上的一些教程)我创建了一张图片来更好地解释下面的内容: enter image description here

任何帮助,或者只是朝着正确方向的插入,我们将不胜感激!

谢谢

更新图像以获得更好的比例:

enter image description here

最佳答案

您将无法获得 youtube 视频,也无法在该区域内很好地显示任何视频,因此我建议您将为视频分配的房间大小调整为更适合视频的大小

关于html - 用响应式视频填充 Bootstrap 列背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41524280/

相关文章:

javascript - 更新动态表格单元格跨度中的属性值 onclick

html - Twitter Bootstrap 缩略图。使标题内嵌

html - 根据媒体查询加载不同的标题图像

php - 我如何从单个页面中删除轮播

html - 无法理解 Bootstrap 如何对齐元素

css - 下拉菜单打不开

javascript - 使用 Angular 不在 HTML 上更新值

HTML 表 : put an image or circle on border

javascript - jquery 根据浏览器宽度改变

javascript - Div 元素不会保持所需的纵横比