如何让视频占满video标签

qq_28510795 2017-12-03 04:00:35

video标签播放视频视频两边有留空视频没办法占满video标签

...全文

2361 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

qq_28510795 2017-12-03

打赏
举报

回复

引用 1 楼 jslang 的回复:

https://www.cnblogs.com/liuxianan/p/html5-video-resize.html

多谢大神！

天际的海浪 2017-12-03

打赏
举报

回复

https://www.cnblogs.com/liuxianan/p/html5-video-resize.html

主要介绍了transform实现HTML5 video标签视频比例拉伸的相关资料,需要的朋友可以参考下

B站开源的flv.js组件，已经编译好flv.js和flv.min.js flv.js 是 HTML5 Flash 视频（FLV）播放器，纯原生 JavaScript 开发，没有用到 Flash，使浏览器在不借助Flash的情况下播放FLV成为可能。优势： 1.由于浏览器对原生Video标签采用了硬件加速，性能很好，支持高清 2.同时支持录播和直播 3.去掉对Flash的依赖

在帮导师上传视频时，遇见了一个问题为了让页面不那么空白，在放置 Video 标签时，我添加了 Poster 属性，从而使视频未播放时，可以正常的显示一张图片。一方面可以保持原有的体验不变(这里之前就是一张图片)。但是当我真正放好了以后，发现一个问题，就是 Poster 无法完整的覆盖整个区域，大概就是填满我下方截图中所圈出的区域。两侧会有留白。而我的 CSS 是有边框的，所以会非常的丑。一开始，我...

object-fit是video 元素有一种专用样式:(video/img) object-fit 指定视频或者图片显示方式 fill: "填充" 默认值将视频拉伸填满父元素 contain "包含" 保持视频原有比例,父元素空白区域 cover "覆盖" 保持视频原有比...

video标签默认不是铺满的，即使手动设置宽高100%也不会生效，所以当需要video铺满div时，需要加上一个css样式stylewidth100%;height100%;

61,112

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章