微信端网页自动播放音乐解决方案

播放器

<audio controls="controls" id="audio" autoplay="" loop=""><source src="/music.mp3" type="audio/mpeg"></source>
不支持！
</audio>

当使用audio播放，在pc端ok，在手机端由于限制需要加个触发

//--创建页面监听，等待微信端页面加载完毕 触发音频播放
document.addEventListener('DOMContentLoaded', function () {function audioAutoPlay() {var audio = document.getElementById('audio');audio.play();document.addEventListener("WeixinJSBridgeReady", function () {audio.play();}, false);}audioAutoPlay();
});
//--创建触摸监听，当浏览器打开页面时，触摸屏幕触发事件，进行音频播放
document.addEventListener('touchstart', function () {function audioAutoPlay() {var audio = document.getElementById('audio');audio.play();}audioAutoPlay();
});

微信端网页自动播放音乐解决方案相关推荐

iphone 微信打开H5自动播放音乐问题
解决iphone 微信H5自动播放音乐问题 --由于苹果的ios系统的安全保护较严格,iphone手机打开微信H5的时候(针对于已对audio标签设置 autoplay为true的H5),通常要先点击 ...
HTML打开网页自动播放音乐
网页播放音乐如果不能自动播放,用iframe放在body最下面.即可运行. <iframe src = "文件地址.MP3" allow = "autoplay&q ...
HTML5中的audio在手机端和微信端的自动播放
再做H5页面的时候,发现audio在手机端和微信端添加了autoplay以后还是不可以自动播放,这是因为手机端为了节约流浪所设置的通常解决方法是给一个交互事件,一定要是交互事件标签:<aud ...
html5手机不能自动播放音乐,解决 iPhone 微信 H5 无法自动播放音乐问题
wordpress和普通网页如何使用百度分享组件百度分享组件是什么?摘自百度百科: 百度分享是一个提供网页地址收藏.分享及发送的WEB2.0按钮工具,网站的浏览者可以方便的分享到人人网.分享到开心网 ...
微信H5网页自动播放背景音乐
<template><view @touchstart="aaa" :class="judgeBigScreen?'page_long':'page_6 ...
vue实现打开网页自动播放音乐
<template><div><audio src="../assets/music/樱花草.mp3" loop autoplay ref=" ...
iOS 微信音视频自动播放原生接口WeixinJSBridge API(一些整理小技巧)
原文链接1:https://www.w3ctech.com/topic/1165 原文链接2:https://www.cnblogs.com/jasonduan/p/5635048.html 做一下整 ...
chrome谷歌浏览器如何让网站可以自动播放音乐
众所周知,谷歌浏览器在18年开始禁止网页自动播放音乐和视频,除非是静音播放;但是需求又需要我们当在一个合适的时机去播放声音,这就比较麻烦了; 第一步,浏览器-设置页面-搜索"网站设置&quo ...
H5微信端在IOS上不能播放音乐解决方案
前言在做各种HTML5场景页面的时候,插入背景音乐是一个很普遍的需求.我们都知道,iOS下的safari是无法自动播放音乐的,以至一直以来形成了一种认知,iOS是无法自动播放媒体资源的.直到微信火爆 ...

微信端网页自动播放音乐解决方案

微信端网页自动播放音乐解决方案相关推荐

最新文章

热门文章