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


controls attribute in html

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

  • The controls attribute defines which audio/video controls should be visible.
  • This attribute is a Boolean attribute.
    • Full screen toggle (for video only)
    • Subtitles (for video only)
    • Track
    • Pause
    • Seeking
    • Play
    • Volume

Syntax for controls attribute in HTML:

<video controls >

Differences between HTML 4.01 and HTML5 for controls attribute:

HTML 4.01

  • The <video> and <audio> tag has not been defined.

HTML 5

  • The <video> and <audio> tag is added.

Applies To:

Element Attribute
<audio> contols
<video> contols

Sample Coding for controls Attribute in HTML:

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

Code Explanation for controls Attribute in HTML:

controls Attribute Code Explanation

  1. <video> tag is used to embed a video.
  2. controls attribute used to enable the video controls.
  3. <source> tag, used to specify the URL of video file.
  4. src attribute used to specifies the URL of the media file
  5. typeattribute used to specify the type of the media and its codec type.

Output for controls Attribute in HTML:

contols Attribute Tag Output

  1. The output shows the video with its controls.

Browser Support for controls Attribute in HTML:

4.0 9.0 3.5 4.0 10.5

Related Searches to controls Attribute in html

html5 video hide controls html5 video controls attribute html5 video custom controls html5 video controls css html5 video controls autoplay html5 video controls position html video controls options 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 html attributes

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