在html里怎样给视频外源加边框

在html里怎样给视频外源加边框,第1张

一、检查音源本身有无问题,有则更换音源文件试试,如则继续第二步

二、将音箱换到其他计算机(可多选两台)试试看是否存在同样问题,是则建议与商家联系更换音箱,否则可初步判断是你笔记本电脑的问题,情况比较复杂一些应当对症下药吧!

祝好运!

父集div使用relative定位,padding-bottom值充当空间,子集video元素absolute定位

具体例子如下,比如视频是16:9的比例,这样比例就不会变了,并且适配div的等高比例

css

.vid-wrapper{

    width:100%

    position:relative

    padding-bottom:56.25%    /*需要用padding来维持16:9比例,也就是9除以16*/

    height: 0

}

.vid-wrapper video{

    position: absolute

    top:0

    left: 0

    width: 100%

    height: 100%

}

html

<div class="vid-wrappper">

    <video src=""></video>

</div


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

原文地址: http://outofmemory.cn/zaji/8012734.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-12
下一篇 2023-04-12

发表评论

登录后才能评论

评论列表(0条)

保存