微信浏览器中ios点击才加载视频,音频 , js实现直接自动播放
1.ios中默认不允许视频,音频加载, 点击之后才会加载, 但如果有需要是要进入页面后即可看视频, 自动播放音频等,则需要用js手动去加载它;
2.但是会有个问题, 还是无法触发, 经过踩坑后发现放入wx的初始化中才可以有效, 即
wx.ready
中
示例代码
// 解决 ios环境下 点击才能加载视频,音频问题
export 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 () {
document.getElementById(dom).play();
document.getElementById(dom).pause();
});
}
}
// 解决 ios环境下 点击才能加载视屏,音频问题
autoPlayAudio: function() {
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() {
const music = document.getElementById("bgmusic");
if (music) {
music.play();
music.pause();
}
});
}
}
版权声明:本文为zyhzyh1120原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。