关于移动端视频在微信环境自动播放

116 阅读 0 评论 77 点赞

我是靠谱客的博主感性向日葵，这篇文章主要介绍关于移动端视频在微信环境自动播放，现在分享给大家，希望可以做个参考。

在安卓端静音 autoplay 或者用微信的JDK 都没用

但是在IOS上是可以的

ios中默认不允许视频,音频加载, 点击之后才会加载, 如果video属性中没有 poster controls那视频的位置什么也没有

IOS自动播放先引入JKD

复制代码

1
 <script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

然后这是抄过来的,谢谢 zyhzyh1120

附上Video标签属性

复制代码

1
2
3
 <video preload="auto" x-webkit-airplay="allow" x5-video-player-type="h5" x5-video-orientation="portrait" playsinline webkit-playsinline autoplay controls x5-video-player-fullscreen="true">
<source class="source" src="" type="video/mp4">
</video>

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

function AutoloadMedia(dom) {
const IS_IOS = !/(Android)/i.test(navigator.userAgent); //ios终端
if (IS_IOS) {
wx.config({
// 配置信息, 即使不正确也能使用 wx.ready
debug: false,
appId: "",
timestamp: 1,
nonceStr: "",
signature: "",
jsApiList: []
});
wx.ready(function () {
let video = document.getElementById(dom);
if (video) {
video.play();
} else {
console.log("获取视频元素失败");
}
});
}
}