ios微信上无法自动播放音频的情况

今天做个html5需要自动播放音频,发现在ios下autoplay="autoplay"是失效的

就想着强制用js强制播放

document.getElementById(‘music‘).play();

发现并没有用

加上这段代码后才有作用

document.getElementById(‘music‘).play();
document.addEventListener("WeixinJSBridgeReady", function () {//监听微信准备就绪事件,只能在微信用
        document.getElementById(‘music‘).play();
    }, false);  
时间: 2024-08-05 15:15:56

ios微信上无法自动播放音频的情况的相关文章

在iOS微信浏览器中自动播放HTML5 audio(音乐)的2种正确方式

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"

ios为了用户隐私安全,禁止自动播放音频文件的解决办法(微信端)

ios为了用户隐私安全,禁止自动播放音频文件 //通过参数给音频设置id和路径 utils = { playAudio: function (id, src) { var audio = $('#' + id); if (audio.attr('src') == undefined) { audio.attr('src', src); } //audio[0].play(); function audioAutoPlay() { audio[0].play(); document.addEven

微信自动播放音频的解决方案

微信自动播放音频的解决方案,亲测有效: wx.ready(function () {    wx.getNetworkType({        success: function (res) {            document.getElementById('ring').play()        }    })})

ios设置音乐audio自动播放

因为audio标签的自动播放:autoplay.在ios系统中不能自动播放,此时需要设置,在进入页面自动播放音乐. 第一步,先引入js微信 <script src="js/jweixin-1.2.0.js?ver=222"></script> 第二步,在wx.ready中进行默认播放,这个时候wx.config配置可以不用正确,但是后边的ready也可以用,所以默认播放了. //ios中音乐默认不能播放,配置在wx.ready中进行默认播放, function

使用Vitamio开发iOS平台上的万能播放器

迅速了解 Vitamio是干什么的?看官方怎么说: "Vitamio SDK for iOS是Yixia Ltd官方推出的 iOS 平台上使用的软件开发工具包(SDK),为iOS开发者提供简单.快捷的接口,帮助开发者实现 iOS 平台上的媒体播放应用." 说白了,就是可以帮助你便捷地开发自己的iOS播放器. 本文目标 从0开始建工程,使用VitamioSDK开发一个最简单的播放器:打开app之后,能看到一个播放按钮,点击按钮,就开始播放事先放在Documents目录下的视频文件,再按一

关于iphone自动播放音频和视频问题的解决办法

大家都知道 做移动端 会遇到音频和视频无法自动播放问题(我也遇到了)于是想办法解决这个问题 我只是找到了在微信中解决的办法(如果谁有在别的浏览器有这个办法  请私聊我 )我是没有发现 document.getElementById('demo').play(); //必须在微信Weixin JSAPI的WeixinJSBridgeReady才能生效 document.addEventListener("WeixinJSBridgeReady", function () { docume

audio在苹果手机上不能自动播放的问题

H5中标签audio在手机端不能自动播放 在页面上加上如下代码即可 <audio id="music" autoplay="true" loop="loop" class="audioMusicBtn media-audio" controls="controls" preload src="images/music.mp3"></audio>function a

解决手机微信浏览器视频自动播放和默认全屏问题

1.早期因为带宽和流量的因素,移动端浏览器禁止视频自动播放,现在现在流量便宜了.手机硬件越来越好了,部分可支持了2.在移动端浏览器, video 在用户点击播放或者通过API video.play() 触发播放时,会强制以全屏置顶的形式进行播放,设计的初衷可能是因为全屏能提供更好的用户体验 <video controls="controls" src="" id="ckplayer_a1" x5-video-player-type=&quo

js --自动播放音频

简介 基本使用 chrome下无法自动播放问题处理 简介 音频的播放使用audio进行操作,可以有两种方式处理(纯js和html标签+js). audio是html5的新标签,用于定义声音 audio的属性(引用w3school) 属性 值 描述 autoplay autoplay 如果出现该属性,则音频在就绪后马上播放. controls controls 如果出现该属性,则向用户显示控件,比如播放按钮. loop loop 如果出现该属性,则每当音频结束时重新开始播放. muted mute