From 558e65a5969af8fd691b2801785411450e6b214a Mon Sep 17 00:00:00 2001 From: zainbinshakoor Date: Tue, 10 Oct 2023 22:00:08 -0700 Subject: [PATCH 1/7] feat:HTML5_Media --- html/html_acessibility/index.html | 4 +- html/html_media/404.html | 83 ++++++++++++++++ html/html_media/index.html | 159 ++++++++++++++++++++++++++++++ index.html | 16 ++- 4 files changed, 259 insertions(+), 3 deletions(-) create mode 100644 html/html_media/404.html create mode 100644 html/html_media/index.html diff --git a/html/html_acessibility/index.html b/html/html_acessibility/index.html index 345026d..86d3748 100644 --- a/html/html_acessibility/index.html +++ b/html/html_acessibility/index.html @@ -88,7 +88,7 @@
Previous - Next + Next
@@ -144,7 +144,7 @@

Read the WCAG and learn best practices

Previous - Next + Next
diff --git a/html/html_media/404.html b/html/html_media/404.html new file mode 100644 index 0000000..6ce8c99 --- /dev/null +++ b/html/html_media/404.html @@ -0,0 +1,83 @@ +html.org.in | Page Not Found + + + + + + + html.org.in | Page Not Found + + + + + + + + + + +
+
+
+
+
+
+

404

+ + +
+ +
+

+ Look like you're lost +

+ +

the page you are looking for not avaible!

+ + Go to Home +
+
+
+
+
+
+ + + \ No newline at end of file diff --git a/html/html_media/index.html b/html/html_media/index.html new file mode 100644 index 0000000..0924a35 --- /dev/null +++ b/html/html_media/index.html @@ -0,0 +1,159 @@ + + + + + + + + + + + + + + + + + + + + + + + HTML Elements | A open source project 💖 + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + +
+
+ Previous + Next +
+ +
+

Media 📌

+
+

+ Media elements in HTML enrich web content by allowing the integration of audio, video, and external content. They enhance user engagement and interactivity. +

+
+

Audio (Using <audio>)

+

+ The <audio> element enables you to embed audio content like music or podcasts. You can specify the audio source using the "src" attribute and customize playback controls. +
+ Example: + 

+        <audio src="music.mp3" controls></audio>
+
+

+

Video (Using <video>)

+

+ The <video> element seamlessly embeds videos into webpages. It supports various formats (e.g., MP4, WebM) for broader compatibility. Customize playback controls, dimensions, and multiple source formats. +
+ Example: + 

+        <video width="640" height="360" controls>
+            <source src="video.mp4" type="video/mp4">
+            <source src="video.webm" type="video/webm">
+            Your browser does not support the video tag.
+        </video>
+
+

+

Embedding YouTube Videos

+

+ Use an <iframe> element with the YouTube video URL to easily embed and play YouTube videos on your website. +
+ Example: + 

+        <iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allowfullscreen></iframe>
+
+

+

Plugins

+

+ Plugins extend the functionality of web browsers. Common examples include Flash and Java applets, although their usage has decreased over time due to security concerns and evolving web standards. +

+

Enhancing User Experience

+

+ HTML media elements and plugins empower web developers to create interactive, multimedia-rich experiences, making web content more engaging and appealing to users. +

+
+ + + + +
+ Previous + Next +
+
+ + + + + + + + + + \ No newline at end of file diff --git a/index.html b/index.html index 66c32a5..88c7ac7 100644 --- a/index.html +++ b/index.html @@ -372,7 +372,8 @@

HTML Classes

HTML Block And Inline Elements

We are going to talk about the different block and inline elements in html. - Learn More + Learn More

@@ -473,6 +474,19 @@

HTML Acessibility

+
+
+ html logo +
+
+

HTML Media

+

+ HTML media elements, like audio and video, allow you to embed and play audio or video files + on webpages, enhancing the multimedia experience for users. + Learn More +

+
+
From 08c42edcb83b76e63000c8ecf6bf5b39d2007ea7 Mon Sep 17 00:00:00 2001 From: zainbinshakoor Date: Tue, 10 Oct 2023 22:17:24 -0700 Subject: [PATCH 2/7] feat:Html_media --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 88c7ac7..972cb6b 100644 --- a/index.html +++ b/index.html @@ -469,7 +469,7 @@

HTML MathML

HTML Acessibility

Having accessible websites is crucial for inclusivity, legal compliance, a broader audience and - improved user experience + improves user experience Learn More

From c4d67f7246f2571d075507a6c4f11c45e1ba7c13 Mon Sep 17 00:00:00 2001 From: Diptenu Sarkar <50952901+Diptenusarkar@users.noreply.github.com> Date: Tue, 10 Oct 2023 23:32:21 +0530 Subject: [PATCH 3/7] Update html/html_media/index.html --- html/html_media/index.html | 2 ++ 1 file changed, 2 insertions(+) diff --git a/html/html_media/index.html b/html/html_media/index.html index 0924a35..7c65887 100644 --- a/html/html_media/index.html +++ b/html/html_media/index.html @@ -104,7 +104,9 @@

Audio (Using <audio>)


Example: 
+
         <audio src="music.mp3" controls></audio>
+

Video (Using <video>)

From 0e4b3ee53f41e4f8ca79ce5458d51acdc48adc92 Mon Sep 17 00:00:00 2001 From: Diptenu Sarkar <50952901+Diptenusarkar@users.noreply.github.com> Date: Tue, 10 Oct 2023 23:32:40 +0530 Subject: [PATCH 4/7] Update html/html_media/index.html --- html/html_media/index.html | 1 + 1 file changed, 1 insertion(+) diff --git a/html/html_media/index.html b/html/html_media/index.html index 7c65887..2e0c2cb 100644 --- a/html/html_media/index.html +++ b/html/html_media/index.html @@ -115,6 +115,7 @@

Video (Using <video>)


Example: 
+
         <video width="640" height="360" controls>
             <source src="video.mp4" type="video/mp4">
             <source src="video.webm" type="video/webm">

From 1a354766ece78b07a984dc1f5bfafb149074d213 Mon Sep 17 00:00:00 2001
From: Diptenu Sarkar <50952901+Diptenusarkar@users.noreply.github.com>
Date: Tue, 10 Oct 2023 23:33:17 +0530
Subject: [PATCH 5/7] Update html/html_media/index.html

---
 html/html_media/index.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/html/html_media/index.html b/html/html_media/index.html
index 2e0c2cb..e293564 100644
--- a/html/html_media/index.html
+++ b/html/html_media/index.html
@@ -121,6 +121,7 @@ 
Video (Using <video>)

             <source src="video.webm" type="video/webm">
             Your browser does not support the video tag.
         </video>
+

Embedding YouTube Videos

From 01c550d9909e4c648d1e060cb9c1dee403cf404f Mon Sep 17 00:00:00 2001 From: Diptenu Sarkar <50952901+Diptenusarkar@users.noreply.github.com> Date: Tue, 10 Oct 2023 23:33:25 +0530 Subject: [PATCH 6/7] Update html/html_media/index.html --- html/html_media/index.html | 1 + 1 file changed, 1 insertion(+) diff --git a/html/html_media/index.html b/html/html_media/index.html index e293564..2e3ec3e 100644 --- a/html/html_media/index.html +++ b/html/html_media/index.html @@ -130,6 +130,7 @@

Embedding YouTube Videos


Example: 
+
         <iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allowfullscreen></iframe>

From 09308767b6ed03aa81b0c430d5e5d0a53b6bed18 Mon Sep 17 00:00:00 2001 From: Diptenu Sarkar <50952901+Diptenusarkar@users.noreply.github.com> Date: Tue, 10 Oct 2023 23:33:31 +0530 Subject: [PATCH 7/7] Update html/html_media/index.html --- html/html_media/index.html | 1 + 1 file changed, 1 insertion(+) diff --git a/html/html_media/index.html b/html/html_media/index.html index 2e3ec3e..0af9305 100644 --- a/html/html_media/index.html +++ b/html/html_media/index.html @@ -132,6 +132,7 @@

Embedding YouTube Videos

 
         <iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allowfullscreen></iframe>
+

Plugins