Question

我正在使用这个简单的脚本在网站上播放背景音频主题，是否有可能预防手机上的播放？

  $(document).ready(function() {
       var audioElement = document.createElement('audio');
       audioElement.setAttribute('src', 'audio/theme.mp3');
       audioElement.setAttribute('autoplay', 'autoplay');
       audioElement.volume = 0.1;
       audioElement.loop = true;
       $.get();

       audioElement.addEventListener("load", function() {
       audioElement.play();
    }, true);

Answer 1

在网上搜索我自己的项目时，我找到了http://detectmobilebrowsers.com/。

例如，您可以单击JavaScript或jQuery并获取您的站点所需的脚本。有了它，您可以定义何时应该或不应该播放音频。

Answer 2

我找到了一种基于屏幕宽度的简单方法，也许它并不完美，但它在这个网站上运行良好：

    var screenw = $(window).width();

     if (screenw <= 800) {  audioElement.pause(); }
     else { audioElement.play(); }

在http://www.nuraghesmovie.com

上试试

禁用手机上的音频背景

2 个答案: