video标签自动播放视频

简介: video标签自动播放视频
 <video 
 src="xxxx/xxx.mp4" 
 autoplay="autoplay" 
 loop="loop" 
 muted="muted" 
 controls="controls"
 controlsList="nodownload"
 height="100%" width="100%">
 </video>

autoplay 自动播放

muted 静音,如果autoplay不自动播放,添加muted会静音自动播放

controls 控制

src 视频资源

controlsList=“nodownload” 隐藏下载按钮

通过css隐藏

video::-webkit-media-controls {
    overflow: hidden !important;
}
video::-webkit-media-controls-enclosure {
    width: calc(100% + 32px);
    margin-left: auto;
}

参考

如何隐藏video的下载按钮

相关文章
|
8月前
|
小程序
小程序 video 组件播放本地视频(黑屏无法播放,报错:MEDIA_ERR_SRC_NOT_SUPPORTED)
小程序 video 组件播放本地视频(黑屏无法播放,报错:MEDIA_ERR_SRC_NOT_SUPPORTED)
329 0
|
4月前
|
前端开发 JavaScript
video-07-js/css竖屏横屏判断方法
video-07-js/css竖屏横屏判断方法
42 1
|
4月前
|
移动开发 JavaScript Android开发
H5 video 自动播放(autoplay)不生效解决方案
H5 video 自动播放(autoplay)不生效解决方案
65 0
video标签优化:通过图片显示视频封面和播放icon
video标签优化:通过图片显示视频封面和播放icon
123 0
video标签优化:通过图片显示视频封面和播放icon
|
7月前
|
JavaScript
js监听audio播放完毕-重置音频
js监听audio播放完毕-重置音频
|
7月前
|
JavaScript 前端开发
video设置播放时间点及常用属性和方法
video设置播放时间点及常用属性和方法
|
移动开发 Android开发 iOS开发
h5使用video标签简单实现播放视频
h5使用video标签简单实现播放视频
1766 0
|
API Android开发
【Android 高性能音频】Oboe 开发流程 ( 检查 Oboe 音频流属性 | 开始播放 | 停止播放 | 关闭 Oboe 音频流 | 重新配置 Oboe 音频流属性 )
【Android 高性能音频】Oboe 开发流程 ( 检查 Oboe 音频流属性 | 开始播放 | 停止播放 | 关闭 Oboe 音频流 | 重新配置 Oboe 音频流属性 )
196 0
|
小程序
微信小程序:video标签默认显示视频的第一帧作为封面
微信小程序:video标签默认显示视频的第一帧作为封面
950 0