登陆】|【注册 权限  ■ 风格  ■ 查询       ■ 帮助  联系我们 显示所有在线人员显示当前版面在线人员   
欢迎 光临本站!--本站英文域名:www.tshw.cn,www.lsz7722.com;电话及微信:13808034267,028-82760970;QQ:340227299,27527565,359200668,281311714
   ★天师画王论坛★ >> 网页制作 >> 浏览:微信video和audio无法...

  论 坛 公 告 板 >>请浏览更多...
 天师画王家园开通,大家来注册拥有自己的图片博客空间 (2022-04-29)

   发表话题  回复主题  版主:xxb1977, 天师画王   ⊿前一帖    ⊿后一帖  
  普通主题   微信video和audio无法自动播放解决方案  作者:天师画王  到底部   
作品集合 | 编辑标题 | 覆盖上传 | 发表评论
   PostInfo: 0:0:31 / 1.195 KB 继续修改该图或标题    回复这个主题  
天师画王 .♂.
给天师画王发邮件
老照片修复
论坛坛主
得分:7762232
积点:213652
作品:1053
发帖:9592
级别:终级
来自:成都
注册:2003-10-14

发表于2021-06-12 07:01    察看看天师画王的个人资料  发送悄悄话给天师画王  天师画王的主页  天师画王 的OICQ 是340227299,查看相应资料  发邮件给天师画王    引用回复这个帖子  回复这个帖子   楼主
  
微信video和audio无法自动播放解决方案 //音频,写法一
<audio src="music/bg.mp3" autoplay loop controls>你的浏览器还不支持哦</audio>

//音频,写法二
<audio controls="controls"> 
<source src="music/bg.ogg" type="audio/ogg"></source>
<source src="music/bg.mp3" type="audio/mpeg"></source>
优先播放音乐bg.ogg,不支持在播放bg.mp3
</audio>

//JS绑定自动播放(操作window时,播放音乐)
$(window).one('touchstart', function(){
music.play();
})

//微信下兼容处理
document.addEventListener("WeixinJSBridgeReady", function () {
music.play();
}, false);

//小结
//1.audio元素的autoplay属性在IOS及Android上无法使用,在PC端正常
//2.audio元素没有设置controls时,在IOS及Android会占据空间大小,而在PC端Chrome是不会占据任何空间


天师画王老照片翻新,老照片修复 微信:13808034267
点这里进入天师画王新站
更多回复: [1]  回复数:1 //页次:1/1 到顶端  
    
    
天师画王新站

备案序号:蜀ICP备12008442号


版权所有: 天师画王.CN[WWW.TSHW.CN,WWW.LSZ7722.COM] 【109ms】