HTML 5 视频播放器全屏不工作

标签 html css

我的网站上有 HTML 5 视频播放器。

全屏模式有问题。

我从 inspect element 看到了 css,高度是 8px

-webkit-appearance: media-slider;
display: flex;
flex: 1 1 auto;
height: 8px;
margin: 0px 15px 0px 0px;
padding: 0px;
background-color: transparent;
min-width: 25px;
border: initial;
color: inherit;

如何使宽度和高度为 100%?

最佳答案

只需删除 height: 8px 行并将其替换为 width: 100%

DEMO

关于HTML 5 视频播放器全屏不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25888849/

相关文章:

css - Div 不居中对齐

java - 在 MYSQL 数据库中存储 base64 字符串的最佳方法是什么?

javascript - jquery 选项卡内容有效,但选项卡标题无效,非常罕见的错误

html - 带有两个折叠菜单的导航栏

css - 字体系列不适用于字体

javascript - JQUERY - 自调整导航

html - 100% 的内部滚动框不是 View 框

javascript - 导航栏无法点击

css - 固定页脚不在底部

javascript - 通过在模态外部单击来关闭模态