video 视频播放 css全屏铺满

god_yu_

于 2021-08-06 13:48:04 发布

阅读量4.7k

点赞数

文章标签： html css

本文链接：https://blog.csdn.net/Zero_zero1/article/details/119453229

版权

本文介绍如何使用CSS让video标签在网页中实现全屏铺满的效果，确保视频无论在任何设备上都能完美填充整个屏幕，保持比例不失真。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

标签

 <video controls>
  <source src="https://vd2.bdstatic.com/mda-mdbn24h7nsti4cpf/hd/mda-mdbn24h7nsti4cpf.mp4?v_from_s=hkapp-haokan-nanjing&auth_key=1628215057-0-0-9b3e5778602391384cf1b93c2822dd79&bcevod_channel=searchbox_feed&pd=1&pt=3&abtest=3000186_2" type="video/mp4"></source>
</video>

css

 video{
            width: 100%;
            object-fit:fill;
    }