Skip to main content

Recent Posts

Latest News

● Posts on CSS and SEO coming soon ...●

Inserting Audio and Video file in HTML

 How to inset Audio and video files in HTML using audio and video tags?

For inserting audio in HTML <audio> tag is used. In lower version of HTML embed and bgsound tags used for inserting audio files in webpage. 

For inserting video in HTML <video> tag is used. In lower HTML version embed and img dynsrc are used for embedding video in webpage. 

Attributes of audio tag are as follows:

1. Src : provides location or source of audio file.

2. Controls : this attribute provides an console with play, pause, forward, button as we play music on any music player.

3. Loop: this attribute used for playing audio in assigned value times if loop=2 then audio file will be played two times after finishing 

4. Muted: this attribute is used for muting audio

5. Autoplay: this attribute is used for auto playing audio when user open webpage.

Source tag is used for adding multiple audio files in webpage.

Attributes of video tag are: 

1. Src: this attribute specifies location of video or URL

2. Autoplay: this attribute is used for auto playing video when user open webpage.

3. Controls: this attribute provides a console for play, pause, etc. the  Video.

4. Height: this attribute specifies height to the video.

5. Width: this attribute specifies width to the video.

6. Loop: this attribute used for playing video in assigned value again and again.

7. Muted: this attribute specifies that during playing video audio should muted.

8. Poster: this attribute specifies a thumbnail or image to be displayed before playing video.

9. Preload: this attribute specifies how to load video when webpage loads. It has values auto, Metadata, none. Auto means video will preloaded when webpage opens. Metadata value will load only Metadata and none will not preload video.

None value of preload attribute is equal to autoplay which means if autoplay attribute is used then preload attribute will ignored.

      Similarly source tag is used for embedding multiple videos. 

Height and width of audio and video output can be customized with help of CSS.

Common audio file formats:

             Mp3, wav, other, aac

            Common video file formats:

             Mp4, ogg, webM.

Lets understand through code:



 


Comments

Top Posts

Basics of Web

 How Website Works?:  When a client search a particular website on internet, his request is sends to DNS for obtaining IP Address. This IP Address is send to the client-server. Clients server requests the web-server for sending files to the client in terms of HTML, CSS and Javascript to the location of clients IP Address. Finally client views content in his browser which he had requested.  Let us now define some common terms in Web Development which are required to understand before moving forward in web development. Web page is a document or information resource on www (world wide web) and can be accessed through web browser and displayed on a monitor. Web publishing describes the software and methodologies to design web pages and website. Web Server is a Computer which stores websites or A Web server is an application or a computer that sends webpages over the internet using the HTTP protocol. The functionality of website is managed by web server. Web Browser is a sof...

HTML Paragraphs and Responsive

  How Paragraph Tags used in HTML? :-  Paragraph tags are used to group sentences in the one paragraph.  It is denoted by <p> tag. It is a container tag i.e. it has start and end tag. It contains a content. It is a block level element (always start on new line and creates its horizontal block). Paragraph tags also have attribute style, used to design text inside this tags.              Output is :-     HTML Responsive :-       To make webpage responsive (adjust size according to device screen) following code is used in head tag. It is important for any webpage to display properly according to device width.

Introduction to HTML

  WHAT IS HTML AND WHY IT IS USED :  HTML stands for Hypertext Markup Language. HTML forms a basic structure for any websites. HTML is standard language used for creating a website. It is necessary for anyone who want to build a website. HTML file has a extension .html. HTML file can be created in any text editor and executed in web browser. HTML5 is current major version of HTML Basic structure of HTML file given bellow: HTML tags are element names enclosed with angular brackets. Tags are not case sensitive. HTML page is enclosed within <html></html> tag. HTML page mainly contains following syntax. Html elements mainly contains  opening tags, content and closing tags. HTML tags are of two types : • Container tags : tags which have opening and closing tags are called Container tags. This tags contains content. This tag can also contain other tags.  Eg. <body></body> • Empty tags : tags which don’t have end closing tags are called Empty ...

Text Formatting in HTML

  What are the Text Formatting Elements in HTML  : Text formatting elements are used to make beautiful or to design the HTML document. (This tags are used to made attractive webpages but not recommended because CSS is used for the purpose of styling webpage rather than using text formatting tags). Following are some Text Formatting Elements: Let's understand each and every text formatting elements through HTML code :-  For now just ignore </br> tag in the code.