问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

ios 移动端页面 audio无法暂停

头像
7nz
    3102139

    我有一个页面，ios手机在qq里面打开页面，音乐自动播放，但是点击暂停时音乐暂停不了（通过点击自定义按钮暂停）

    <div class="music">
    <i class="music-icon"></i>
    <audio id="audio" src="bgmusic.mp3" loop="loop" autoplay="autoplay"></audio>
</div>
    function MusicPlay(){
    var audio = document.getElementById('audio');
    var ico = $('.music i');
    if(audio.paused){
        audio.play();
        ico.addClass('torotate');
    }else{
        audio.pause();
        ico.removeClass('torotate');
    }
}

$('body').on('click',function(event){
    var playBtn = $('.music i');
    var music = document.getElementById('audio');
    var target = $( event.target );
    if( target.is( playBtn )){
        MusicPlay();
    }else{
        music.play();
        playBtn.addClass('torotate');
    }
});

    后来又将click改成touchstart

    $(document).on('touchstart', function(event) {
    var playBtn = $('.music i');
    var music = document.getElementById('audio');
    var target = $( event.target );
    if( target.is( playBtn )){
        MusicPlay();
    }else{
        music.play();
        playBtn.addClass('torotate');
    }
});

    结果这下没有声音了

    html5javascript
    阅读 3.6k
    1 个回答
    得票最新
    头像
    jzoom
      1.2k116
      <!DOCTYPE html>
<html>
<body>


<audio id="myAudio" autoplay controls loop>
  <source src="/i/horse.ogg" type="audio/ogg">
  <source src="/i/horse.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>


<p id="demo"></p>

<button onclick="myFunction()">切换</button>

<script>
function myFunction()
{
 var audio = document.getElementById("myAudio");
   if(audio.paused){
     audio.play(); 
  }else{
     audio.pause();
}
}
</script>

</body>
</html>

      这个代码粘贴到这里 http://www.w3school.com.cn/ti...。

      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题