微信端视频播放时防止被浏览器劫持的问题:
参见:
腾讯的移动浏览器劫持 <Video> 换成它自己的播放器还插广告: https://www.v2ex.com/t/411564
video标签在微信内置浏览器和QQ浏览器(手机端)的怪异现象?https://www.zhihu.com/question/27472010
---------------------
代码:
<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);
}