H5视频全屏安卓bug解决
安卓手机会出现白色背景帧需要加入纯海报图：poster="path-imgs"安卓手机没有播放按钮解决：letvideo=document.getElementById('video')video.play()setTimeout(()=>{video.pause()},20)禁止安卓画中画：disablePictureInPicture="true"<videodi...
·
安卓手机会出现白色背景帧需要加入纯海报图：
poster="path-imgs"安卓手机没有播放按钮解决：
let video = document.getElementById('video')
video.play()
setTimeout(() => {
video.pause()
}, 20)禁止安卓画中画：
disablePictureInPicture="true"
<video disablePictureInPicture="true" controls autoplay loop id="video" poster="" preload="auto" object-fit="cover" playsinline="true" webkit-playsinline="true" x-webkit-airplay="allow" airplay="allow" x5-video-player-type="h5-page" x5-video-player-fullscreen="true" x5-video-orientation="portrait">
<source src="uploads/2020/12/_source/pc.mp4" type="video/mp4">
<!-- <embed src="uploads/2020/12/_source/pc.mp4" /> -->
您的浏览器不支持 video 标签。
<video>
//全屏按钮
video::-webkit-media-controls-fullscreen-button {
// display: none;
}//播放按钮
video::-webkit-media-controls-play-button {
}//进度条
video::-webkit-media-controls-timeline {
// display: none;
}//观看的当前时间
video::-webkit-media-controls-current-time-display{
// display: none;
}//剩余时间
video::-webkit-media-controls-time-remaining-display {
// display: none;
}//音量按钮
video::-webkit-media-controls-mute-button {
// display: none;
}
video::-webkit-media-controls-toggle-closed-captions-button {
// display: none;
}
//音量的控制条
video::-webkit-media-controls-volume-slider {
// display: none;
}//所有控件
video::-webkit-media-controls-enclosure{
// display: none;
}
华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。
更多推荐
0
0- 0
已为社区贡献3条内容
所有评论(0)