微信浏览器的坑,包括移动的浏览器都有可能自动拦截。
设置属性:
<video id="mainvideo" src="static/video/Mate10.mp4" autoplay width="100%"
x5-playsinline="" webkit-playsinline="" preload="auto"></video>
css:感觉并没什么伦用
video{
width: 100%;
}
video::-webkit-media-controls-fullscreen-button {
display: none;
}
video::-webkit-media-controls-play-button {
background: red;
}
video::-webkit-media-controls-play-button {display: none}
video::-webkit-media-controls-timeline {display: none}
video::-webkit-media-controls-current-time-display{}
video::-webkit-media-controls-time-remaining-display {}
video::-webkit-media-controls-time-remaining-display {}
video::-webkit-media-controls-mute-button {}
video::-webkit-media-controls-toggle-closed-captions-button {}
video::-webkit-media-controls-volume-slider {}
video::-internal-media-controls-download-button {
display:none;
}
video::-webkit-media-controls-enclosure {
overflow:hidden;
}
video::-webkit-media-controls-panel {
width: calc(100% + 30px);
}
记录之前研究的,真机测试好像没有完美解决。浏览器的坑,目前是否排除,近期未跟踪研究。记录下。