HTMLでの自動再生と非表示の背景音楽の設定方法

1. <audio>要素を使用する方法:

   <audio autoplay loop style="display: none;">
    <source src="audio.mp3" type="audio/mpeg">
    Your browser does not support the audio element.
   </audio>

   上記の例では、audio.mp3という音楽ファイルを再生します。autoplay属性は音楽が自動的に再生されるようにします。loop属性は音楽がループ再生されるようにします。style="display: none;"は音楽プレーヤーを非表示にします。

2. JavaScriptを使用する方法:

   <audio id="bg-music" src="audio.mp3" autoplay loop></audio>
   <script>
    var audio = document.getElementById("bg-music");
    audio.style.display = "none";
   </script>

   上記の例では、<audio>要素にid="bg-music"を設定し、JavaScriptを使用してその要素を非表示にします。

3. CSSを使用する方法:

   <audio id="bg-music" src="audio.mp3" autoplay loop></audio>
   <style>
    #bg-music {
      display: none;
    }
   </style>

   上記の例では、<audio>要素にid="bg-music"を設定し、CSSを使用してその要素を非表示にします。

これらの方法を使用すると、HTMLページに背景音楽を追加して自動再生し、同時に非表示にすることができます。ご希望の方法を選んで実装してみてください。