html tutorial - loop Attribute in HTML - html5 - html code - html form


loop attribute in html

Learn html - html tutorial - loop attribute in html- html examples - html programs

  • The loop attribute is used to defines the audio/video will start over again, every time it is reaching the end of the audio/video.
  • The loop attribute is a Boolean attribute.

Syntax for loop attribute in HTML:

<element loop>

Difference between HTML 4.01 and HTML 5 for loop Attribute:

HTML 4.01

HTML 5

Applies To:

Elements Attribute
<audio> loop
<video> loop

Sample Coding for loop Attribute in HTML:

Tryit<!DOCTYPE html>
<html>
    <head>
       <title>Wikitechy HTML loop attribute</title>
    </head>
    <body>
        <video width="300" height="300" controls loop>
            <source src="hibiscus.mp4" type="video/mp4">
        </video>
    </body>
</html>

Code Explanation for loop Attribute in HTML:

loop Attribute Code Explanation

  1. <video> tag is used to display the video.
  2. loop is an attribute, which describes that video will start again, if it is reach the end of the video.
  3. src is an attribute, which describes the URL of the hibiscus.mp4 video file.

Output for loop Attribute in HTML:

loop Attribute Output

  1. The video file has been displayed with the video controls and its starts again, every time it is reaching the end of the video.

Browser Support for loop Attribute in HTML:

Yes Yes Yes Yes Yes

Related Searches to loop Attribute in html

html video loop autoplay html5 video loop not working html5 embed video autoplay html5 video loop javascript html5 video loop seamless pattern attribute is used for html5 video loop delay html video mute html attributes html tutorialshtml editor html code html form html tutorial html color html color codes html table html img html5 html code for website html and css html programs html website free html editor html5 tutorial wysiwyg html editor html tutorial pdf html converter php tutorial html example html tutorial css tutorial html css html tags html basics code html html online html mailto html lang html tags list

Summer Offline Internship

Summer Online Internship

Internship in Chennai

Programming / Technology Internship in Chennai

Wikitechy Rated 5 / 5 based on 378284 reviews.
Wikitechy-logo

World's No 1 Animated self learning Website with Informative tutorials explaining the code and the choices behind it all.

Wikitechy

About Us
Terms of Use
Privacy Policy
Contact Us

Workshop

Webinar

Join our Community

Advertise

Other Languages

English
Chinese
Deutsch
Russian

© 2016 - 2024 KaaShiv InfoTech, All rights reserved. Powered by Inplant Training in chennai | Internship in chennai