Home Web Front-end H5 Tutorial How to use the loop attribute of html5 embed tag? Summary of attributes of embed tag!

How to use the loop attribute of html5 embed tag? Summary of attributes of embed tag!

Aug 31, 2018 pm 05:21 PM
embed html loop

This article introduces the details of how to use the loop attribute of the html5 embed tag, as well as a summary of the use of attributes of the embed tag. Next, let us read this article together

Let’s first understand the usage of the loop attribute of the HTML5 embed tag:

For example:

<embed src="your.mid" autostart=true loop=100>
Copy after login

Loop playback, looping 100 times is almost like an infinite loop. This is Infinite loop method

Syntax: loop=positive integer, true, false

Description: This attribute specifies whether the audio or video file is looped and the number of loops.

  • When the attribute value is a positive integer value, the number of loops of the audio or video file is the same as the positive integer value;

  • When the attribute value is true , the audio or video file loops; when the

  • attribute value is false, the audio or video file does not loop.

Example:

<embed src="your.mid" autostart=true loop=2>
<embed src="your.mid" autostart=true loop=true>
<embed src="your.mid" autostart=true loop=false>
Copy after login

html5 Introduction to the use of the other six attributes of the embed tag:

1.Autoplay:

Syntax: autostart=true, false

Description: This attribute specifies whether the audio or video file will automatically play after downloading.

  • true: The music file will play automatically after downloading;

  • #false: The music file will not play automatically after downloading.

Example: The code is as follows:

<embed src="your.mid" autostart=true>
<embed src="your.mid" autostart=false>
Copy after login

2. Panel display:

Syntax: hidden=ture, no

Description: This attribute specifies whether the control panel is displayed. The default value is no.

  • ture: hide the panel;

  • no: show the panel.

Example: The code is as follows:

<embed src="your.mid" hidden=ture>
<embed src="your.mid" hidden=no>
Copy after login

3. Volume size:

Syntax: volume=0-100 Integer

Description: This attribute specifies the volume of the audio or video file. If not defined, the system's own settings will be used.

Example: The code is as follows:

<embed src="your.mid" volume="10">
Copy after login

4.Appearance settings:

Syntax: controls=console,smallconsole,playbutton,pausebutton,stopbutton,volumelever Description: This property specifies the appearance of the control panel. The default value is console.

  • console: Normal panel;

  • smallconsole: Smaller panel;

  • playbutton : Only the play button is displayed;

  • pausebutton: Only the pause button is displayed;

  • stopbutton: Only the stop button is displayed;

  • volumelever: Only the volume adjustment buttons are displayed.

Example: The code is as follows:

<embed src="your.mid" controls=smallconsole>
<embed src="your.mid" controls=volumelever>
Copy after login

5. Foreground color and background color:

Syntax: palette=color| color

Description: This attribute represents the foreground color and background color of the embedded audio or video file. The first value is the foreground color, the second value is the background color, separated by |. Color can be an RGB color (RRGGBB), a color name, or transparent.

Example: The code is as follows:

<embed src="your.mid" palette="red|black">
Copy after login

6. Alignment:

Syntax: align=top, bottom, center, baseline, left, right , texttop, middle, absmiddle, absbottom

Description: This attribute specifies the alignment of the control panel and the objects in the current line.

  • center: The control panel is in the center;

  • left: The control panel is on the left;

  • right: The control panel is on the right;

  • top: The top of the control panel is aligned with the top of the tallest object in the current row;

  • bottom: The control panel The bottom of the control panel is aligned with the baseline of the object in the current row;

  • baseline: The bottom of the control panel is aligned with the baseline of the text;

  • texttop: The top of the control panel is aligned with the top of the tallest text in the current line;

  • middle: The middle of the control panel is aligned with the baseline of the current line;

  • absmiddle: The middle of the control panel is aligned with the middle of the current text or object;

  • absbottom: The bottom of the control panel is aligned with the bottom of the text.

Example: The code is as follows:

<embed src="your.mid" align=top>
<embed src="your.mid" align=center>
Copy after login

Okay, this article on the use of the loop attribute and other attributes of the HTML5 embed tag ends here (think To learn more, come to the PHP Chinese website, which is a website with many programming courses. Everything you want to learn is in it). If you have any questions, you can ask them below.

【Editor's Recommendation】

How to remove the label from the ol tag in html? Summary of how to use the

    tag

    How to remove the dot from the ul tag in HTML? Style example analysis of HTML unordered list

    The above is the detailed content of How to use the loop attribute of html5 embed tag? Summary of attributes of embed tag!. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
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

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Table Border in HTML Table Border in HTML Sep 04, 2024 pm 04:49 PM

Guide to Table Border in HTML. Here we discuss multiple ways for defining table-border with examples of the Table Border in HTML.

Nested Table in HTML Nested Table in HTML Sep 04, 2024 pm 04:49 PM

This is a guide to Nested Table in HTML. Here we discuss how to create a table within the table along with the respective examples.

HTML margin-left HTML margin-left Sep 04, 2024 pm 04:48 PM

Guide to HTML margin-left. Here we discuss a brief overview on HTML margin-left and its Examples along with its Code Implementation.

HTML Table Layout HTML Table Layout Sep 04, 2024 pm 04:54 PM

Guide to HTML Table Layout. Here we discuss the Values of HTML Table Layout along with the examples and outputs n detail.

HTML Input Placeholder HTML Input Placeholder Sep 04, 2024 pm 04:54 PM

Guide to HTML Input Placeholder. Here we discuss the Examples of HTML Input Placeholder along with the codes and outputs.

HTML Ordered List HTML Ordered List Sep 04, 2024 pm 04:43 PM

Guide to the HTML Ordered List. Here we also discuss introduction of HTML Ordered list and types along with their example respectively

Moving Text in HTML Moving Text in HTML Sep 04, 2024 pm 04:45 PM

Guide to Moving Text in HTML. Here we discuss an introduction, how marquee tag work with syntax and examples to implement.

HTML onclick Button HTML onclick Button Sep 04, 2024 pm 04:49 PM

Guide to HTML onclick Button. Here we discuss their introduction, working, examples and onclick Event in various events respectively.

See all articles