Video, Audio & Media in HTML | Sigma Web Development Course - Tutorial #10
Vložit
- čas přidán 26. 07. 2024
- Access the web development course playlist: • Sigma Web Development ...
➡️ Source Code: github.com/CodeWithHarry/Sigm...
➡️ Notes and CheatSheets: www.codewithharry.com/notes/
➡️ We are working on the Subtitles and will upload them soon!
TimeStamps ⌚
0:00 - Introduction
0:35 - Intro
0:45 - Setting Up the Workspace
0:57 - Topic Overview: Video, Audio, Media
1:06 - The Video Tag and Attributes
1:12 - SRC Attribute and Video Sizing
1:19 - Making Video Responsive
2:00 - Video Controls
2:29 - Download, Full-screen, and Mute Options
3:11 - AutoPlay Attribute
3:15 - Removing AutoPlay
3:28 - Loop Attribute
3:42 - Muted Attribute
4:26 - Poster Attribute
4:41 - Dimensions: Width and Height
5:13 - Introduction to Audio
6:20 - Looping Audio
6:54 - Repeat Feature for MP3
7:42 - Preload Attribute
14:00 - Sigma Outro
►Checkout my English channel here: / @programmingwithharry
►Instagram: codewithharry
python, C, C++, Java, JavaScript and Other Cheatsheets [++]:
Playlist: • Coding CheatSheets 🧾 b...
►Learn in One Video[++]:
Python Course with 5 Projects: • Python Crash Course in...
Python[15 Hr]: • Python Tutorial For Be...
Python Advance[3.5 Hr]: • Python Programming Cou...
Python[1 Hr]: • Learn Python In Hindi ...
Python[2 Hr]: • Python Tutorial In Hin...
php[Project]- • Login And Registration...
HTML[30 Min]: • HTML 5 Tutorial For Be...
CSS[8.5 Hr]: • CSS Tutorial In Hindi ...
CSS[1.4 Hr]: • CSS 3 Tutorial For Beg...
Wordpress[3.2 Hr]: • How To Make a WordPres...
Angular[2 Hr]: • Angular Tutorial in Hindi
Java[2.3 Hr]: • Java tutorial in hindi 🔥
Web Scraping[1 Hr]: • Web Scraping Tutorial ...
MongoDB[2 Hr]: • MongoDb Tutorial For B...
Numpy[1 Hr]: • Numpy Tutorial in Hindi
Android Dev[12 Hr]- • Android Development Tu...
Linux[1 Hr]: • Linux Tutorial For Beg...
JQuery[1.1 Hr]: • jQuery Tutorial For Be...
Git and GitHub[1.1 Hr]: • Git & GitHub Tutorial ...
►Complete course [playlist]:
React: • React Js Tutorials in ...
Python- • Python Tutorials For A...
OOP Python- • Object Oriented Progra...
Java: • Java Tutorials For Beg...
JavaScript- • JavaScript Tutorials I...
PHP- • PHP Tutorials in Hindi
C- • C Language Tutorials I...
C++- • C++ Tutorials In Hindi
Git & GitHub- • Git and GitHub Tutoria...
Android Dev- • Android Development Tu...
Python GUI- • Python GUI: Tkinter Tu...
Web Development- • Web Development Tutori...
Python Django: • Python Django Tutorial...
Projects Using HTML, CSS & Javascript- • Projects Using HTML, C...
Data Structure and Algo: • Data Structures and Al...
Follow Me On Social Media
►Website (created using Django Rest & Angular): www.codewithharry.com
►Facebook: / codewithharry
►Instagram: / codewithharry
Twitter: / codewithharry
Comment "#HarryBhai" if you read this 😉😉
Harry Bhai, those who are taking this course lightly today will feel regret tomorrow. You keep going, I am with you.💯❤
can anyone tell me hoe to use svg
how to make triangle and other shapes and images
@@m.jgamerbluedragongoal100s4 visit- css clip path maker
bro go to comment section and click on source code and get how to make triangles and other @@m.jgamerbluedragongoal100s4
@@m.jgamerbluedragongoal100s4 for that you need to study vector algebra
class 12 mathematics
Not only you we all are with harry bhai
I'm currently a first year Ece student and i think my coding is sorted for this next 4 years, from web development to Dsa, harry bhaiya has got everything covered😋
Don't worry about web development and software developer skills "harry bhai hai hamare liye",but as an ece senior student i want to give one suggestion for you is,dont underestimate the syllabus,learn every skill but keep maintainance of marks and cgpa.
@@ShehriyarAhmad-pv6xh 😂😂
Maine bhi yehi socha tha
Same here brother.. I'm from Data Science ❤
i am also from ece from MNIT JAIPUR
where are you from
literally this course is up to the mark for a beginner thank you so much Harry bhai
Really very crisp and upto the mark! High quality content truely
Plz don't terminate the playlist... It's just okay if you are not getting attention this time... But surely you are going to get a lot of attention in future on this content. Because the content you are providing it have a 100%quality. Sharp and crisp content. 🎉❤
can anyone tell me how to use svg
@@m.jgamerbluedragongoal100s4 well in VS code we are not getting suggestion so go code with harry and copy the code
SIGMA BATCH OP!!!!
Day 10 Completed already Lets Go!!
Harry sir i am watching your videos from 2 years and i have learned so much from you
I am your fan man you have done a pretty good job.
Iss matlabi duniya me koi hum jese new comers ke liye bhi soch raha h.
course free krna ek baat h or simple rakhna ek or baat h.
Keep it up bro.
Sir please dont terminate this course, it is very helpful for student like us. App premium quality videos provide kr rahe hai voh bhi free of cost. Feeling blessed to have a teacher like you. Pls ye course ko treminate na kariye harry bhaiya. :)
Sigma batch OP❤
Sigma Batch OP Harry bhai niraash matt hona aap numbers Kam aa rahe honge but jitne bhi log yeh course dekh rahe hai na unki zindagi bana rahe ho aap yeh yaad rakhna. Those ppl will GENUINELY thank you. Love you bhai keep going
you doing a great job harry sir literally people don't care about free things untill that same thing will picked by them for money.
saare sources or etna acha web course ek hi jagah dene ke liye ... thank you soo much harry bhai .. you are the best#Sigmabatchop
This playlist means alot to your regular viewers ...
We wait every 24 hours for ur video to watch and learn from it , Thank You .
Really very crisp and upto the mark! High quality content truely🔥
Harry Bhai the great, I'm here for this journey, Sigma batch OP!
I start learning from here Highly appreciated to provide us this course free
He deserves way more attention than this, right now i am learning web development, but i have been part of your channel way before i wrote my first "hello word"
Bro I just completed you old web dev series, I gotta say it was perfect, perfect, down to the last minute details, some aspects were old but still, I learned alot, and now watching your new videos even though I already know this stuff, have huge respect for you, btw im from Pakistan
hello harry bhaiyaa
i respect to you and your sigma web d course
it helps me a lot
i dont have words to explain the goodness of this course which you deserve actually
thank you
I love this course, thanks to Harry Bhai for making this course available for free
dont get demotivated harry bhai...please keep posting such high quality content..❤
In every course it happens that a lot of students start but only few are able to continue it. Harry Bhai even if real time response gets low but this course will be watched for years by students.
Sigma Batch OP ❤❤🎉🎉🎉🎉
Mere react app me ek problem aa raha hai help karo na bro 🙏🙏🙏
React app me problem aa raha hai help karo na broo
@@hyperff2505 bhai kisi react community mein jakar puchho..
you mean replit?
@@hyperff2505
Harry bhai niraash matt hona aap numbers Kam aa rahe honge but jitne bhi log yeh course dekh rahe hai na unki zindagi bana rahe ho aap yeh yaad rakhna. Those ppl will GENUINELY thank you. Love you bhai keep going
Bhai comment copy paste
Harry Bhai you're doing great , This course is blessing for people like me who knew little about web development please keep posting the videos and please dont terminate the course you're great
You did everything to make your class fun and exciting. I learned so much from you. Thank you for helping me to be a better person
Hello Harry Bhai, your this course is really appreciating... thank you for this free amazing course
Nicely explained, thank you for making such an amazing course. SIGMA BATCH OP
Thank you so much for providing this incredible web development course for free! Your dedication to helping others learn is truly admirable. I've learned so much already and can't wait to continue the journey with your guidance.
Bhai i am a beginner....quick quizz ka website kaha banana hai...vs code pe hi?? Plzz help me out🙏
Don't get demotivated bhaiya by less no of views just remember one thing that it is pretty damn sure that by studying from this course if even a 1 student crack a job then you will automatically get what u wanted and it is matter of time
So please bhaiya 🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏 don't get demotivated we all the serious learners are with u and we will give u result and u will surely feel proud ❤❤❤❤
#SigmaBatchOp
Sigma batch OP🔥👌🏼 Harry bhai jaisa teacher kahi nahin bich bich me example ke liye meme aa rahe😂
Wow, what an incredible course! #SigmaDeveloper #SigmaBatchOP Truly grateful for the amazing content provided by Harrybhai. It's rare to find such high-quality resources available for free. Keep up the fantastic work! 🚀🙌
I was learning html css from your videos 2 years ago and thinking to watch them again to revise everything and then here comes your course which is covering core and importatnt things, thank you harry bhai
Same bro!
Very useful video sir... these topics were not in ur previous web development ❤ u should promote it by saying much new things u will learn in this new web development than old one....AMAZING SIR❤
VIDEO 1-10 I UNDERSTAND 90%
THANKS YOU SO MUCH FOR FREE COURSE 😊
10 videos lets go! Nout much of a milestone, but still a good achievement. I love your teaching method sir
Bestest course series on CZcams ❤ it's really helpful content for beginners and learners ✨
sahi baat
Bhai i am a beginner....quick quizz ka website kaha banana hai...vs code pe hi?? Plzz help me out🙏
I am a Full stack web-developer and currently i am studying in class 11 PCM, but Sigma course add more unknown things in my coding journey. I'm really thankful to Harry bhai 😇😇
how to use svg for making triangle ,other shapes and images?
@@m.jgamerbluedragongoal100s4
• SVG in HTML :
SVG By Manish
• SVG in React :
// Import the SVG library
import * as SVG from "react-svg";
// Create a function for svg and return
const IntegratedSVGImage = ({ svgShape, image }) => {
// Create an SVG element
const svg = new SVG.SVG();
svg.addChild(svgShape);
svg.addChild(image);
// Return SVG
return svg;
};
// Export the SVG Image component
export default IntegratedSVGImage;
❤❤❤❤
once go and seartch name ex triangle in to svg form
@@m.jgamerbluedragongoal100s4
@@m.jgamerbluedragongoal100s4 do google
very interesting and useful course. thank you harry bhai! ❤
Just gave my 10th exams and i opted to study web development.honestly i have now learned how to make a basic html website in 2 days.your videos are vey easy to understand and upto the mark.thank you harry bhai for making this course free i really appreciate it❤.
same here bro learning it even thought my last paper is the day after tomorrow. its just like playing a game for me nice teacher really
#Doubt: Sir you can please explain about SVG tag more deeply .I didn't grasp its concepts properly
Scalable Vector Graphics is an XML-based vector image format for defining two-dimensional graphics, having support for interactivity and animation. The SVG specification is an open standard developed by the World Wide Web Consortium since 1999.
I don't really think so that you will use it frequently, my brother is a CorelDraw expert and he knows how to create vector images through CorelDraw
SVG in simple terms is high quality vector images like rectangles, circles and polygons.
We can manipulate with these vector graphics like:
1. We can make circle with any specific radius.
2. rectangles with rounded corners.
3. polygons like star or triangle or hexagon.
etc.
If you wan to go deep into this then you can search it on google with examples
#SigmaBatchOP Bestest course series on CZcams ❤ it's really helpful content for beginners and learners ✨ Thanks Bhaiya 😀
i use i frame tag in all my practice code so that i dont need to change the window again and again for seeing ur tutorial ...thank u harry
bhai
Bhaiya the contents are just awesome... thank you bhaiya i am really grateful to you
Happy Teacher's day Harry Bhai. You are the best. I have learned a lot from you. Thanks for this wonderful course.
In which country was Teachers day Yesterday?
@@mycreations_extra4708Its World's Teacher day
Another awesome session 🎖️
😂 interesting choice for the audio video files
Thank you!
#SigmaBatchOP
#SigmaBatchOp saying thank you is soo less for what you are teaching us bhaiiiii .. the best course . period.
Awesome course harry bhai !!
Very well explained 👏
Bro I am 12 years but i'm watching it.Sigma batch OP
I Am 17 Nice Bro Keep Going
I will complete this masterpiece and conquer a job for sure.......PERIOD
Hey guys just a protip...in modern browsers autoplay does not work until the vid is muted. Hence even in the above code, if you use autoplay it will not play it as intended in the browser until you use the muted attribute first
thanks bro really helped
@@shantanubillaiya8994 anytime brother
Harry bhai course to awesome he hi but ek suggestion he ki latest video me quiz dete hona vo last video ka dia karo taaki revision ho jaye last video ka , same video me usi topic ka quiz dete ho to vo ho hi jata he , previous video se related doge to it will help even more. so baaki sab se bhi pooch k changes kar sakte ho aapki marzi he .
I am a web developement student I know these tags how they work.
But from your explanation my doubts are clear now thanks HarryBhai #sigmabatchOP
It's helping me and many students like me who are looking like this amazing web development course
mera only wala portion continuously flicker ho raha hai ... reload and refresh kar liya and kuchh diff sites bhi laga kar dekh li par abhi bhi same issue hai...
plz help me if u know 🙏
@@yuktinagaich2563 brother ap ke code me kuch issue araha hai Jo ko proper work nahi karne de raha
Sigma Batch is genuienly supeerrr op.. 💯🔥🔥
Thank you for the amazing videos!
Hello, I'm a big fan of your tutorials! Could you please consider creating a video tutorial on Odoo in Hindi? It would be immensely helpful for those of us who prefer to learn in our native language. Your explanations are always so clear, and having an Odoo tutorial in Hindi would be a game-changer for many of us. Thank you for considering this request!
#SigmaBatchOP Harry bhai How many days will it take you to complete this fullstack web development course??? And if we do what you are teaching daily will we become a good fullstack web developer as ths course ends??? And this course is really good and we are greatful to have you as our Teacher. Thank You Bhai.
Hamesa ki tarah ak or gajab video Harry bhai op😊😊😊
Harry bhai ne free ka itna behtreen course provide kiya hai paid courses fail ho jayenge bro ke course ke saamne..
bro I am in class 8th and Thank you so much for making this course free. Thanks a lot
Sir please increase video timing at least half an hour. Because we really need this kind of course. Sigma Batch OP
Quality course😎 Thanks Harry Bhai
SIGMA BATCH OP...!!
Bohati achhaa course hey...
Sigma batch op 🩷🩷
10th Day Complete 5star⭐⭐⭐⭐⭐
Apne 10 din m complete kar diya course
Is it true??
Excellent work Harry Bhai,
#Harry Bhai OP
Sigma batch op thankuu so much sir.....for ur continuous support ❤
Lekin Jo url de Raha hu uspe refused to connect bol Raha hai kya Karu please help
Sigma batch op
Over Powered .. Harry Bhai
harry bhai aap ne bhout achha kiya ye course bna ke thank you harry bhai
❤
Harry bhai, Is video mai ap nay ek cheez miss kar di { Apny gaon ki Zameen meray nam kar dena 😅}
Bhai star nahi ❤❤❤❤ ye lelo
amazing course.thankyou harry bhai
SIGMA BATCH OP!!
Love You From Maharashtra❤❤
Bhaiya how do I send my projects link of this video to you
Yes how
How do we send the code to you
How?
😅
??
#Sigma_Web_Development_Batch_OP
Awesome Thanks Harry Bhaiya, This is very Valuable.
Sigma Batch OP Harry Bhai U doing Great work
This course is very best for beginner and advancer
Sigma Batch Op
So grateful for this playlist
Op sigma btach❤❤❤thank for giving such an amazing course❤
sigma batch op harry bhai and thanku bhai aapke vajese hum free me course sikh sakte hai thank you sir
thank you so much harry sir... Very very grateful...❤
#sigma web development course is the very very best coure "harry" bhai
❤❤❤❤❤ thanks sir for your hardwork . 😊 . Full support from me 🎉
Sigma Batch OP ✨💫
Thankyou Harry Bhaii ❤
Amazing Course!
very intrested course Harry bhai niraash matt hona aap numbers Kam aa rahe honge but jitne bhi log yeh course dekh rahe hai na unki zindagi bana rahe ho aap yeh yaad rakhna.
Thank you for the course.
thank you so much it means alot for us JazakAllah
Bro Such A fantastic Course
bhai apake vedios ke liye Sigma Batch OP
video mast tha sir..
Sigma Batch Student. One day i will become Full Stack Developer..
Bhai i am a beginner....quick quizz ka website kaha banana hai...vs code pe hi?? Plzz help me out🙏
Course Is Super...OP...❤❤❤
Thanks for the free course
Thank youuu so much for this ❤❤❤
#harrybhai thankyou so much for this free cource this is my day 2 and i have completed my video no.10
Thank you so much bhaiya, ❤ hope so you will also launch java+DSA also
sigma op ............ do continue this course ...
Sigma batch op 🔥🔥
Harry bhai please cybersecurity pr series jarur banana 🔥🔥