我是靠谱客的博主 感性向日葵,最近开发中收集的这篇文章主要介绍关于移动端视频在微信环境自动播放,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

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

但是在IOS上是可以的

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

IOS自动播放 先引入JKD

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

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

附上Video标签属性

 <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>


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("获取视频元素失败");
}
});
}
}

OK了 红字部分的坑 我踩了两天才爬出来.....留个纪念

最后

以上就是感性向日葵为你收集整理的关于移动端视频在微信环境自动播放的全部内容,希望文章能够帮你解决关于移动端视频在微信环境自动播放所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(59)

评论列表共有 0 条评论

立即
投稿
返回
顶部