html5 video去除边框

A-超2024-07-04 13:18

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">

希望有一个能生效！