#lunboMain {
max-width: 1200px;
margin: 20px auto;
padding: 15px;
background: #f5f5f5;
border-radius: 8px;
}
/* 16:9比例容器:通过padding-top实现(9/16=56.25%) */
#lunboMainView {
width: 100%;
background: #000;
border-radius: 4px;
overflow: hidden;
position: relative; /* 相对定位,用于子元素绝对定位 */
padding-top: 56.25%; /* 核心:维持16:9比例 */
}
#videoPlayer {
/* 绝对定位填充容器,确保16:9比例 */
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain; /* 保持视频比例,不拉伸 */
}
#errorMsg {
color: red;
margin-top: 10px;
text-align: center;
}
本站收集的资源仅供内部学习研究软件设计思想和原理使用,学习研究后请自觉删除,请勿传播,因未及时删除所造成的任何后果责任自负。
如果用于其他用途,请购买正版支持作者,谢谢!若您认为「灵悟界」发布的内容若侵犯到您的权益,请联系站长邮箱:76173424@qq.com 进行删除处理。
本站资源大多存储在云盘,如发现链接失效,请联系我们,我们会第一时间更新。








暂无评论内容