html5 video去除边框

video的属性:

autoplay 视频在就绪后自动播放。

controls 显示控件,比如播放按钮。

height 设置视频播放器的高度。

width 设置视频播放器的宽度。

loop 循环播放

muted 视频的音频输出静音。

poster 视频加载时显示的图像,或者在用户点击播放按钮前显示的图像。

src 要播放的视频路径。

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

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

去边框方法一:

javascript 复制代码
video{
width: 100%;
height: 100%;
object-fit: contain;
}
video:focus {
outline:none;
}

去边框方法二:

javascript 复制代码
video:focus {
  outline: 0;;
}

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

javascript 复制代码
  // 在video 加上style="mix-blend-mode: screen; display: block"
<video style="mix-blend-mode: screen; display: block">

希望有一个能生效!

相关推荐
雪碧聊技术3 分钟前
深入解析Vue中v-model的双向绑定实现原理
前端·javascript·vue.js·v-model
快起来别睡了5 分钟前
手写 Ajax 与 Promise:从底层原理到实际应用
前端
打不着的大喇叭1 小时前
uniapp的光标跟随和打字机效果
前端·javascript·uni-app
无我Code1 小时前
2025----前端个人年中总结
前端·年终总结·创业
程序猿阿伟1 小时前
《前端路由重构:解锁多语言交互的底层逻辑》
前端·重构
Sun_light1 小时前
6个你必须掌握的「React Hooks」实用技巧✨
前端·javascript·react.js
爱学习的茄子1 小时前
深度解析JavaScript中的call方法实现:从原理到手写实现的完整指南
前端·javascript·面试
莫空00001 小时前
Vue组件通信方式详解
前端·面试
呆呆的心1 小时前
揭秘 CSS 伪元素:不用加标签也能玩转出花的界面技巧 ✨
前端·css·html
susnm1 小时前
Dioxus 与数据库协作
前端·rust