h5页面中audio苹果手机无法自动播放

最新推荐文章于 2023-11-09 10:36:26 发布

阿啦ala

最新推荐文章于 2023-11-09 10:36:26 发布

阅读量453

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery/js

原文链接：https://www.cnblogs.com/insignificant-malt/p/8532657.html

jQuery/js 专栏收录该内容

20 篇文章

订阅专栏

本文介绍了一段用于网页中自动播放背景音乐的JavaScript代码。该代码通过监听不同平台的JS桥接事件，如微信和易信，实现跨平台音频自动播放功能。同时，通过touchstart事件确保音频能在移动设备上自动播放。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function audioAutoPlay(id){
　var audio = document.getElementById('bgMusic'),  // audio元素
　　　　play = function(){
　　　　　　audio.play();
　　　　　　document.removeEventListener("touchstart",play, false);
　　　　};
　　audio.play();
　　document.addEventListener("WeixinJSBridgeReady", function () {//微信
　　　　play();
　　}, false);
　　document.addEventListener('YixinJSBridgeReady', function() {//易信
　　　　play();
　　}, false);
　　document.addEventListener("touchstart",play, false);
 }
 audioAutoPlay('music');

转载https://www.cnblogs.com/insignificant-malt/p/8532657.html