Home  >  Article  >  Web Front-end  >  How to add songs to html

How to add songs to html

coldplay.xixi
coldplay.xixiOriginal
2021-03-04 14:39:305064browse

htmlHow to add songs: First create a DIV on the web page, use the embed tag, and add the src attribute to it; then add the autostart attribute to realize automatic playback, the code is [autostart="true"].

How to add songs to html

The operating environment of this tutorial: windows7 system, html5 version, DELL G3 computer.

htmlHow to add songs:

1. First, we create a simple web page. There is only one DIV on the web page, and there is a piece of text content in the DIV. The code is shown in the figure.

How to add songs to html

#2. To add background music to the web page, we can use the embed tag and add the src attribute to it, which is used to specify the path where the music is located.

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

How to add songs to html

3. Because it is background music, this multimedia control needs to be hidden. The hidden attribute is added to the embed tag to allow the background music to play automatically after opening the web page. We can add the autostart attribute,

autostart="true"

How to add songs to html

4. By default, the multimedia control will only play once and stop after playing. If your background music wants to play continuously , then you can add the loopn attribute, loop="true".

How to add songs to html

Related learning recommendations: html video tutorial

The above is the detailed content of How to add songs to html. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn