要使嵌入的视频100%宽,可以通过以下步骤实现:
<video>
标签来嵌入视频,例如:<video src="video.mp4" controls></video>
video {
width: 100%;
}
.parent {
width: 100%;
max-width: 800px; /* 设置最大宽度 */
}
aspect-ratio
属性来实现,例如:video {
width: 100%;
aspect-ratio: 16/9; /* 设置宽高比为16:9 */
}
@media (max-width: 768px) {
video {
width: 100%;
aspect-ratio: 4/3; /* 在小屏幕上使用4:3的宽高比 */
}
}
推荐的腾讯云相关产品:腾讯云点播(Cloud VOD)
领取专属 10元无门槛券
手把手带您无忧上云