给video标签加上3个属性:
x5-playsinline="true" playsinline="true" webkit-playsinline
x5-playsinline="true" 是对微信中安卓有效,另一个对ios有效
微信中视频插件:video.js
在线地址: 这个插件配合上面的3个属性 苹果下不自动全屏 播放结束后自动隐藏
<script type="text/javascript" src="https://cdn.staticfile.org/vue/2.6.10/vue.min.js"></script>
<link rel="stylesheet" href="https://cdn.staticfile.org/video.js/7.5.4/video-js.min.css">
声音插件:howler.js
<script src="https://cdn.staticfile.org/howler/2.1.2/howler.min.js" charset="utf-8"></script>
视频代码:
<video id="first" class="video-js vjs-default-skin" x5-playsinline playsinline webkit-playsinline preload="auto" poster="">
<source src="image/合成.mp