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">
希望有一个能生效!