HTML5 & CSS3 - Beginners Tutorial - Part 14 - [ HTML 5 Video and Audio Tutorial ]

In this video tutorial, I will show you how to add HTML5 audio and video players to your website page using a few simple lines of code.

What is HTML5

HTML 5 (formerly spelt HTML5[a]) is a software solution stack that defines the properties and behaviours of web page content by implementing a markup-based pattern to it.

HTML 5 is the fifth and current major version of the HTML standard and subsumes XHTML. It currently exists in two standardized forms: HTML 5.2 Recommendation[4] by the World Wide Web Consortium (W3C, a broad coalition of organizations), intended primarily for Web content developers; and HTML Living Standard[5] by WHATWG (a small consortium of four browser vendors), intended primarily for browser developers, though it also exists in an abridged Web developer version.[6] There are minor conflicts between the two groups' specifications.

HTML 5 was first released in a public-facing form on 22 January 2008, with a major update and "W3C Recommendation" status in October 2014.[2][8] Its goals are to improve the language with support for the latest multimedia and other new features; to keep the language both easily readable by humans and consistently understood by computers and devices such as Web browsers, parsers, etc., without XHTML's rigidity; and to remain backwards-compatible with older software. HTML 5 is intended to subsume not only HTML 4, but also XHTML 1 and DOM Level 2 HTML;[9] the HTML 4 and XHTML specs were announced as superseded by HTML 5.2 on 27 March 2018.

What is CCS3

CSS is designed to enable the separation of presentation and content, including layout, colours, and fonts. This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, enable multiple web pages to share formatting by specifying the relevant CSS in a separate .css file and reduce complexity and repetition in the structural content.

Separation of formatting and content also makes it feasible to present the same markup page in different styles for different rendering methods, such as on-screen, in print, by voice (via speech-based browser or screen reader), and on Braille-based tactile devices. CSS also has rules for alternate formatting if the content is accessed on a mobile device.

The name cascading comes from the specified priority scheme to determine which style rule applies if more than one rule matches a particular element. This cascading priority scheme is predictable.

Contact me on:

#HTML5Audio #HTML5Video #dcpweb

HTML 5 Video and Audio Tutorial, HTML 5 Video Tutorial, html5 video tutorial for beginners, html5 video player tutorial, html 5 audio tutorial, html5 audio tutorial, html5 audio player tutorial, html audio tutorial, html audio and video tag tutorial, html video tutorial, html video tutorial for beginners, html video tutorial for beginners with examples, html video tags tutorial, html 5 video tags tutorial, html 5 audio tags tutorial, html audio tags tutorial

[seargent_salute]

him: you can close the browser for a moment
me: closes browser with tutorial playing on it... 👁️👄👁️

[chaoukimansour]

Hello Sire ; I really appreciate your work !
guys; you cannot run the audio or vid cause of the name "you should use video/video.mp4.mp4" cause the name of the vid is already video.mp4

[swetaable]

i applied the same audio and video code but video and audio not working ...how to solve this problem?

[chanderarya]

Video is not playing only audio is coming