Heim  >  Artikel  >  Web-Frontend  >  So fügen Sie Lieder zu HTML hinzu

So fügen Sie Lieder zu HTML hinzu

coldplay.xixi
coldplay.xixiOriginal
2021-03-04 14:39:305076Durchsuche

So fügen Sie Songs zu HTML hinzu: Erstellen Sie zuerst ein DIV auf der Webseite, verwenden Sie das Embed-Tag und fügen Sie das src-Attribut hinzu, um eine automatische Wiedergabe zu erreichen. Der Code lautet [autostart="true"; ].

So fügen Sie Lieder zu HTML hinzu

Die Betriebsumgebung dieses Tutorials: Windows7-System, HTML5-Version, DELL G3-Computer.

So fügen Sie Lieder zu HTML hinzu:

1. Zuerst erstellen wir eine einfache Webseite und es gibt einen Textinhalt im DIV. Der Code ist in der Abbildung dargestellt.

So fügen Sie Lieder zu HTML hinzu

2. Um der Webseite Hintergrundmusik hinzuzufügen, können wir das Embed-Tag verwenden und das src-Attribut hinzufügen, das verwendet wird, um den Pfad anzugeben, in dem sich die Musik befindet.

embed src="tt.mp3" hidden="true"

So fügen Sie Lieder zu HTML hinzu

3. Da es sich um Hintergrundmusik handelt, muss dieses Multimedia-Steuerelement ausgeblendet werden, damit die Hintergrundmusik nach dem Öffnen der Webseite automatisch abgespielt wird.

autostart="true"

So fügen Sie Lieder zu HTML hinzu

4. Standardmäßig wird die Multimedia-Steuerung nur einmal abgespielt und nach der Wiedergabe gestoppt. Wenn Sie möchten, dass Ihre Hintergrundmusik kontinuierlich abgespielt wird, können Sie das Loopn-Attribut „loop="true" hinzufügen.

So fügen Sie Lieder zu HTML hinzu

Verwandte Lernempfehlungen: HTML-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo fügen Sie Lieder zu HTML hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn