web-dev-qa-db-ja.com

プレーヤーが見えないときにHTML5埋め込みタグを使用してオーディオを自動再生する

MP3オーディオファイルを自動再生したいのですが、プレーヤーを表示したくありません。

<div id="music"><embed src="Comfortably Numb.mp3" autostart=true loop=false></div>

Cssを使用してdisplay:noneをオーディオタグに追加すると、音楽がまったく再生されません。プレーヤーを表示せずに音楽を再生するために誰かが私を熱く説明できますか？

htmlhtml5audiomp3autoplay
7
Nima

または、基本的なことを試してニーズを取得することもできますが、

<audio autoplay loop>
      <source src="johann_sebastian_bach_air.mp3">
</audio>

さらに参照するには ここをクリック

17
Vinith

Reactを使用している場合は、自動再生が[

autoPlay

Reactは、ラクダになりたいです！

4
Dan Zuzevich

このコードを使用しましたが、

 <div style="visibility:hidden">
    <audio autoplay loop>
        <source src="Aakaasam-Yemaaya Chesave.mp3">
    </audio> 
</div>

それはうまく機能していますが、停止ボタンと一時停止ボタンが必要です。したがって、聞きたくない場合は停止できます。

1
Satya

次の簡単なコードを使用できます。

<embed src="audio.mp3" AutoPlay loop hidden>

ここに見られる結果について： https://hataken.000webhostapp.com/list-anime.html

1
Hataken

時々自動再生が必要です。誰かが、有名なレスポールGoogle Doodle（2011）が自動演奏を必要としていると指摘したことがあります。クラスと素晴らしいデザインで完成すれば、美しくなります（特に没入型デザインの映画ウェブサイト）

1
Z Kubota

後でこのページを見つけた人に後で参照するために、次を使用できます。

<audio controls autoplay loop hidden>
<source src="kooche.mp3" type="audio/mpeg">
<p>If you can read this, your browser does not support the audio element.</p>
</audio>
0
Jexla

このコードを使用できます、それは私と一緒に動作します

<div style="visibility:hidden">
    <audio autoplay loop>
        <source src="../audio/audio.mp3">
    </audio> 
</div>
0
Moustafa Emad Sobhy
<div id="music">
<audio autoplay>
  <source src="kooche.mp3" type="audio/mpeg">
  <p>If you can read this, your browser does not support the audio element.</p>
</audio>
</div>

そして、CSS：

#music {
  display:none;
}

上記で提案したように、おそらく何らかの形でコントロールを使用できるようにする必要があります。 jqueryを介してコントロールをスライドさせるトグルリンク/チェックボックスを使用することもできます。

ソース： HTML5オーディオ自動再生

0
Studio3