关于微信H5页面开发中音乐不自动播放的解决方法

最新推荐文章于 2024-08-02 11:35:17 发布

转载最新推荐文章于 2024-08-02 11:35:17 发布 · 811 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：https://www.codeprj.com/blog/5119d71.html

收录于

当前文章被以下社区和专栏收录：

本文提供了解决微信H5页面中音乐无法自动播放的问题的方法。通过参考外部资源，为开发者提供实现音乐自动播放的技术指导。

关于微信H5页面开发中音乐不自动播放的解决方法

参考文章：

（1）关于微信H5页面开发中音乐不自动播放的解决方法

（2）https://www.cnblogs.com/viphchok/articles/5315031.html

（3）https://www.codeprj.com/blog/5119d71.html

备忘一下。

标签

#webapp #wechat

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

dearbaba_11

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

h5网站开发-微信浏览器无法自动播放视频的解决方式？

weixin_48596030的博客

12-04

3858

使用h5开发的网站，首页的banner是一个video视频，在PC端上和手机浏览器上都能正常播放，但是在手机微信浏览器里面视频是无法自动播放的。//必须在微信Weixin JSAPI的WeixinJSBridgeReady才能生效。//一般情况下，这样就可以自动播放了，但是一些奇葩iPhone机不可以。//监听用户点击屏幕（点击屏幕后即可播放视频）靠谱的方式是：用户必须要点击才能触发。

解决H5项目微信浏览器安卓系统无法自动播放背景音乐的问题

m0_67401134的博客

03-02

2936

背景制作的H5项目，使用vedio标签，利用wx.getNetworkType来自动播放背景音乐。但是安卓的vedio自动播放被微信浏览器限制了。解决方案采用web vedio api 细节解释： web vedio api MDN 伸手 /** * @author ccbbs * @file 解决安卓webview自动播放背景音乐的问题 */ function BGMAutoPlayMgr/* solveAndroidBGMAutoplay */(url) { this.audioC

参与评论您还未登录，请先登录后发表或查看评论

微信公众号H5音频视频自动播放(安卓，苹果)

逍遥的码农的博客

07-08

9265

微信公众号H5音视频自动播放，不需要用户跟页面交互

解决H5微信浏览器中audio兼容-- 背景音乐无法自动播放

一只快乐的小猴子的博客

12-23

1547

解决H5微信浏览器中audio兼容-- 背景音乐无法自动播放

微信H5自动播放音乐，视频解决方案

少吃点肉的博客

05-21

1万+

微信的视频和音乐的自动播放问题一直都很让人很头疼，结合自身项目，最终写了一个在安卓苹果测试都好用的方法。项目需求：H5中插播两段视频，要求能自动播放需要有背景音乐，能自动播放能控制音乐和视频的声音静音在微信中需要用到WeixinJSBridge这个接口，具体的可以百度了解一下，这个是微信游览器自带的接口API。1.定义视频的自动播放事件 function autoPlayAudio(...

H5背景音乐解决方案

Joyce的前端日常

02-22

2万+

前言背景音乐播放 1 自动播放 1 微信问题 2 Safari问题 3 解决方案代码 2 点击播放离开页面关闭音乐缓存状态 1 客户端存储数据方法 2 示例完整解决方案代码 1. 前言很多H5的项目会用到背景音乐，虽然是很小的一个模块，但是有不少的坑。本文总结了背景音乐的常用情况的解决方案。在进行下面内容之前，如果你并不了解Audio，可以参考之前的文章...

ios系统微信H5页面背景音乐自动播放

TurtleOrange的博客

11-04

1400

思路：在html页面代码内嵌小程序的代码块，可让ios手机自动播放背景音乐注意：微信小程序的代码块script脚本必须写在html文件，不可外部引入 html代码 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maxi

解决微信H5背景音乐不自动播放问题

只会HTML的楼主

01-09

7216

解决微信H5背景音乐不自动播放问题document.addEventListener('DOMContentLoaded',function (){ function audioAutoPlay(){ var audio_ = document.getElementById('audio'); audio_.play(); docume

H5在微信端自动播放音乐

weixin_43837268的博客

08-20

2343

<template> <audio style="display:none; height: 0" id="bg-music" preload="auto" src="${staticPath}/img/breakEgg/img/beijingyinyue.mp3" loop="loop"> </audio>...

微信h5页面自动播放音乐

hellosnowyy

01-31

4774

此方案ios微信内h5不会播放，其他正常。此方案安卓微信内h5不会播放，其他正常。https + audio标签。方案一 + 方案二`

uniapp - APP分享到微信，通过h5页面跳转至对应的app页面

热门推荐

jocchoc的博客

08-09

2万+

所遇问题在微信端开发H5的时候，audio标签在苹果机上无法进行自动播放 原因分析及解决方案 <audio controls="controls" id="music" loop="loop"> <source src="./assets/sound/music.mp3" type="audio/ogg" /> &

h5 ＜audio＞音乐自动播放，谷歌禁止音乐自动播放处理方法

V199311的博客

01-19

2736

html代码 <a href="javascript:;" class="musicBtn functionBtn2 on" id="mc_play">音乐开 <audio id="music" loop="loop" autoplay="autoplay" preload="auto" muted> <source src="/test/bgMp3.mp3" type="audio/mpeg"> </audio> <.

解决App嵌套h5页面时audio标签不能自动播放问题

qq_39961695的博客

08-10

1288

应公司需求，微信公众号中写了一个节日推广活动，需求就类似于一个微场景统计，某年某月某日与用户发生了点什么…emmmmmm。其中为了使氛围得到恰如其分的烘托，加入了音乐需求。并且为了节约app开发工程师的开发资源，他们需要嵌套我这个H5页面。那么问题来了~~这个页面在微信浏览器、安卓app中都能够自动播放音乐，但是在苹果app中就不能够自动播放。 So…看我如何解决，直接上代码~~~~ musicAutoplayIos () { wx.config({ // 微信配置信息

微信H5背景音乐自动播放的问题

sinat_37529938的博客

01-06

1642

话不多说，直接上代码吧！ <audio loop src="./dist/images/capo.mp3" id="audio" autoplay preload="auto">该浏览器不支持audio属性</audio> <script type="text/javascript"> // 音乐自动播放 $(document).ready(...