首页 前端知识 html5 video去除边框

html5 video去除边框

2024-08-16 22:08:17 前端知识 前端哥 274 32 我要收藏

video的属性:

autoplay 视频在就绪后自动播放。
controls 显示控件,比如播放按钮。
height 设置视频播放器的高度。
width 设置视频播放器的宽度。
loop 循环播放
muted 视频的音频输出静音。
poster 视频加载时显示的图像,或者在用户点击播放按钮前显示的图像。
src 要播放的视频路径。

webkit-playsinline="true"  适配ios ,视频初次加载不全屏

 x5-video-player-type="h5" 适配ios ,视频初次加载不全屏

去边框方法一:

video{
width: 100%;
height: 100%;
object-fit: contain;
}
video:focus {
outline:none;
}

去边框方法二:

video:focus {
  outline: 0;;
}

去边框方法三(本人就是这个方法生效的):

  // 在video 加上style="mix-blend-mode: screen; display: block"
<video style="mix-blend-mode: screen; display: block">

希望有一个能生效!

转载请注明出处或者链接地址:https://www.qianduange.cn//article/15862.html
标签
评论
发布的文章

XML与JSON的使用

2024-08-23 21:08:27

npm i 常见问题

2024-08-23 20:08:23

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!