it-swarm.com.de

Automatisches Abspielen eines Audios mit HTML5-Embed-Tag, während der Player nicht sichtbar ist

Ich möchte eine MP3-Audiodatei automatisch abspielen und den Player nicht sichtbar machen.

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

Wenn ich display:none mit css zu dem Audio-Tag hinzugefügt habe, wird die Musik überhaupt nicht abgespielt. Kann mir jemand erklären, dass ich die Musik ohne Anzeige des Players spielen soll?

6
Nima

Alternativ können Sie die grundlegende Sache ausprobieren, um Ihre Bedürfnisse zu erhalten,

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

Für weitere Informationen hier klicken

16
Vinith

Wenn Sie React verwenden, stellen Sie sicher, dass für die automatische Wiedergabe Folgendes festgelegt ist:

autoPlay

React will, dass es ein Kamelgehäuse ist!

3
Dan Zuzevich

Ich habe diesen Code verwendet,

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

Es funktioniert gut, aber ich möchte die Stopp- und Pause-Taste. Also können wir aufhören, wenn wir nicht zuhören wollen.

1
Satya

Sie können diesen einfachen Code verwenden:

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

das Ergebnis finden Sie hier: https://hataken.000webhostapp.com/list-anime.html

1
Hataken

Manchmal ist Autoplay erforderlich. Jemand hat einmal darauf hingewiesen, dass der berühmte Les Paul Google Doodle (2011) Autoplay erfordert, auch wenn der Sound erst gespielt wurde, als Sie über die Gitarrensaiten gezogen haben. Wenn es mit Klasse und tollem Design gemacht wird, kann es wunderschön sein (insbesondere Filmwebseiten mit immersivem Design).

1
Z Kubota

Für zukünftige Verweise auf Personen, die diese Seite später finden, können Sie Folgendes verwenden:

<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

Sie könnten diesen Code verwenden. Es funktioniert bei mir

<div style="visibility:hidden">
    <audio autoplay loop>
        <source src="../audio/audio.mp3">
    </audio> 
</div>
0
<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>

Und die css:

#music {
  display:none;
}

Wie oben vorgeschlagen, sollten Sie die Steuerelemente wahrscheinlich in einer bestimmten Form verfügbar haben. Verwenden Sie möglicherweise ein Toggle-Link/Kontrollkästchen, das die Steuerelemente über Jquery hineinschiebt. 

Quelle: HTML5 Audio Autoplay

0
Studio3