html – Bootstrap响应式嵌入视频占据了屏幕的整个宽度和高度

html – Bootstrap响应式嵌入视频占据了屏幕的整个宽度和高度,第1张

概述我一直在尝试将视频嵌入bootstrap网站. 但是当我这样做时,它占据了屏幕的整个宽度和高度.我希望它在台式机上是560px x 315px,当桌面尺寸低于560px时它应该是响应的. 我用过: <div class="container-fluid"> <div class="embed-responsive embed-responsive-16by9 div_style"> 我一直在尝试将视频嵌入bootstrap网站.

但是当我这样做时,它占据了屏幕的整个宽度和高度.我希望它在台式机上是560px x 315px,当桌面尺寸低于560px时它应该是响应的.

我用过:

<div >    <div >        <iframe  src="http://www.youtube.com/embed/XGSy3_Czz8k" wIDth="560" height="315" frameborder="0" allowfullscreen></iframe>    </div></div>

当我尝试通过添加div_style类来自定义div标签时max-wIDth:560px;和最大高度:315px;,它将视频宽度更改为560px,但高度占用整个页面高度.

解决方法 您错过了添加col-xs-12 col-sm-6 col-md-4 col-lg-2.像这样的东西.

<div >    <div >        <div ID="foxnews">            <iframe  src="https://www.youtube.com/embed/KFGbHBbXG_g?modestbranding=1&amp;autohIDe=1&amp;showinfo=0&amp;rel=0" allowfullscreen="true"></iframe>        </div>    </div></div>
总结

以上是内存溢出为你收集整理的html – Bootstrap响应式嵌入视频占据了屏幕的整个宽度和高度全部内容,希望文章能够帮你解决html – Bootstrap响应式嵌入视频占据了屏幕的整个宽度和高度所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:http://outofmemory.cn/web/1047192.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-25
下一篇2022-05-25

随机推荐

  • 新加坡淡马锡理工学院学校简介

    立思辰留学360介绍,新加坡淡马锡理工学院成立于1990年,直属新加坡教育部,是新加坡最广泛的综合性学院之一。学院位于新加坡东部,占地30公顷,开设商学院、应用科学学院、信息技术学院、设计学院和工程学

    2022-07-06
    300
  • 斯巴顿大学申请

      *斯巴顿大学上、下学期均可申请入学。报名条件1.应届高中毕业或具备同等学历且获得中国教育部认可。参考高考成绩择优录取。2.申请者须无犯罪记录。3.健康检查证明及精神检查证明。4.具有一定的英语和数

    2022-07-06
    000
  • 莱蒙斯顿教育局下属中学

    莱蒙斯顿公立教育局在加拿大很有声望,曾被省教育促进委员会(theProvincialEducationImprovementCommission)评鉴为安大略省最优良的教育局之一,该教育局位于安大略省

    2022-07-06
    300
  • 布里斯托大学校徽

    布里斯托大学(University of Bristol),简称布大,始建于1876年,是位于英格兰西南部第一大城市布里斯托市的一所世界30强顶尖名校,历年最高世界排名为全球第27名,布里斯托大学是全

    2022-07-06
    400
  • 美国明尼苏达圣玛丽大学优势

    立思辰留学360介绍,明尼苏达圣玛丽大学(Saint Mary‘ Univerity of Minneota)是一所私立的天主教学校,建于1912年。课程是以学生为中心设计,结合了文学、科学与职业准备

    2022-07-06
    300
  • 2017英国南安普顿大学泰晤士高等教育世界大学排名详情如何

    南安普顿大学(University of Southampton),世界百强名校,英国顶尖学府,英国常春藤名校联盟“罗素大学集团”成员,世界大学联盟成员。创办于1862年,在1902-1952年期间,

    2022-07-06
    000
  • 詹姆斯库克大学新加坡校区就业服务怎么样

    詹姆斯库克大学新加坡校区成立于2003年,是第一间由澳洲政府大学在新加坡的直属校区。学校所开设的课程、颁发的学位证书都与澳洲主校区完全相同,在新加坡国际校区学习的学生们可以获得同样优质的教育和丰富的大

  • 中央兰开夏大学学位设置

    中央兰开夏大学建立于1828年,英文全名为University of Central Lancashire (UCLan),是一所英国知名百年公立大学,坐落于英国英格兰西北部的红玫瑰之郡兰开夏郡的首府

    2022-07-06
    000
  • 陶顿中学毕业生去向

    陶顿中学学校位于英国伦敦西南部的萨默塞特郡的中心地带,四周风景优美,交通四通八达,建设有完善的铁路及道路网络,链接伦敦和希斯罗国际机场。据立思辰河南留学360邹思君老师介绍,从伦敦或伯明翰坐火车只需要

    2022-07-06
    000

发表评论

登录后才能评论

评论列表(0条)

    保存