原生js设置audio在谷歌浏览器自动播放

最新推荐文章于 2024-09-09 17:01:46 发布

deliefu3790

最新推荐文章于 2024-09-09 17:01:46 发布

阅读量4.4k

点赞数 2

文章标签： javascript 移动开发 ViewUI

原文链接：http://www.cnblogs.com/sandraryan/p/11430800.html

版权

https://www.cnblogs.com/sandraryan/

谷歌浏览器更新后禁止了autoplay功能，但是有时候可能会需要自动播放。

研究了一段代码。

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>

<body>
  <audio src="" controls loop id="music"></audio>
  <script>
    //封装函数让谷歌浏览器自动播放
    function play() {
      var music = document.getElementById("music"); 
　　　　//判断如果音乐停止播放中，就让他播放。。。
      if (music.paused) { 
        music.paused = false;
        music.play(); 
      }
    }
　　　//调用函数
    setInterval(play(), 1);
  </script>
</body>

</html>

就酱。

转载于:https://www.cnblogs.com/sandraryan/p/11430800.html