SlideShare a Scribd company logo
1 of 10
HTML
VIDEO
Satyaki Das | Contact No. 8981838547 .
<!DOCTYPE html>
<html>
<body>
<video width="320" height="240" controls>
<source src="1.mp4" type="video/mp4">
</video>
</body>
</html>
Here width and the
height are the two
attributes.
Satyaki Das | Contact No. 8981838547 .
Format MIME-type
MP4 video/mp4
WebM video/webm
Ogg video/ogg
MIME Types for Video Formats
Satyaki Das | Contact No. 8981838547 .
Attribute Value Description
autoplay autoplay Specifies that the video will start playing as soon as it is ready
controls controls Specifies that video controls should be displayed (such as a play/pause button etc).
height pixels Sets the height of the video player
loop loop Specifies that the video will start over again, every time it is finished
muted muted Specifies that the audio output of the video should be muted
poster URL Specifies an image to be shown while the video is downloading, or until the user
hits the play button
preload auto
metadata
none
Specifies if and how the author thinks the video should be loaded when the page
loads
src URL Specifies the URL of the video file
width pixels Sets the width of the video player
Satyaki Das | Contact No. 8981838547 .
<!DOCTYPE html>
<html>
<body>
<video width="320" height="240" controls autoplay>
<source src="movie.mp4" type="video/mp4">
</video>
</body>
</html>
Satyaki Das | Contact No. 8981838547 .
<!DOCTYPE html>
<html>
<body>
<video width="320" height="240" controls loop>
<source src="movie.mp4" type="video/mp4">
</video>
</body>
</html>
L P
Satyaki Das | Contact No. 8981838547 .
<!DOCTYPE html>
<html>
<body>
<video width="320" height="240" controls muted>
<source src="movie.mp4" type="video/mp4">
</video>
</body>
</html>
Satyaki Das | Contact No. 8981838547 .
POSTER
Satyaki Das | Contact No. 8981838547 .
<!DOCTYPE html>
<html>
<body>
<video width="320" height="240" poster="1.jpg" controls>
<source src="1.mp4" type="video/mp4">
</video>
</body>
</html>
The poster attribute specifies an image to be
shown while the video is downloading, or until
the user hits the play button. If this is not
included, the first frame of the video will be
used instead.
Satyaki Das | Contact No. 8981838547 .

More Related Content

Similar to 10 video

Vidmingo Commercial
Vidmingo CommercialVidmingo Commercial
Vidmingo Commercial
Google
 
HTML5 Video Right Now
HTML5 Video Right NowHTML5 Video Right Now
HTML5 Video Right Now
Carlos Araya
 
10x10 10 slide presentation
10x10 10 slide presentation10x10 10 slide presentation
10x10 10 slide presentation
NickSandy
 
MacVide FlashVideo Converter UserGuide
MacVide FlashVideo Converter UserGuideMacVide FlashVideo Converter UserGuide
MacVide FlashVideo Converter UserGuide
MacVide
 

Similar to 10 video (20)

HTML - Media Elements
HTML - Media ElementsHTML - Media Elements
HTML - Media Elements
 
YouTube for Developers
YouTube for DevelopersYouTube for Developers
YouTube for Developers
 
HTML5 Multimedia Support
HTML5 Multimedia SupportHTML5 Multimedia Support
HTML5 Multimedia Support
 
Html multimedia tag
Html multimedia tagHtml multimedia tag
Html multimedia tag
 
Jsr135 sup
Jsr135 supJsr135 sup
Jsr135 sup
 
Vidmingo Commercial
Vidmingo CommercialVidmingo Commercial
Vidmingo Commercial
 
Basics of HTML5 for Phonegap
Basics of HTML5 for PhonegapBasics of HTML5 for Phonegap
Basics of HTML5 for Phonegap
 
Craft 2019 - “The Upside Down” Of The Web - Video technologies
Craft 2019 - “The Upside Down” Of The Web - Video technologiesCraft 2019 - “The Upside Down” Of The Web - Video technologies
Craft 2019 - “The Upside Down” Of The Web - Video technologies
 
youtube
youtubeyoutube
youtube
 
Html 5
Html 5Html 5
Html 5
 
HTML Multimedia.pptx
HTML Multimedia.pptxHTML Multimedia.pptx
HTML Multimedia.pptx
 
HTML5 Video Right Now
HTML5 Video Right NowHTML5 Video Right Now
HTML5 Video Right Now
 
Video Editing and Encoding
Video Editing and EncodingVideo Editing and Encoding
Video Editing and Encoding
 
Edge 2014: MPEG DASH – Tomorrow's Format Today
Edge 2014: MPEG DASH – Tomorrow's Format TodayEdge 2014: MPEG DASH – Tomorrow's Format Today
Edge 2014: MPEG DASH – Tomorrow's Format Today
 
Web Apps
Web AppsWeb Apps
Web Apps
 
Working with Video and Audio
Working with Video and AudioWorking with Video and Audio
Working with Video and Audio
 
10x10 10 slide presentation
10x10 10 slide presentation10x10 10 slide presentation
10x10 10 slide presentation
 
MacVide FlashVideo Converter UserGuide
MacVide FlashVideo Converter UserGuideMacVide FlashVideo Converter UserGuide
MacVide FlashVideo Converter UserGuide
 
HTML5 audio & video
HTML5 audio & videoHTML5 audio & video
HTML5 audio & video
 
(Responsive) Video
(Responsive) Video(Responsive) Video
(Responsive) Video
 

More from SatyakiDas12 (20)

34 viewport
34 viewport34 viewport
34 viewport
 
33 meta
33 meta33 meta
33 meta
 
31 textarea
31 textarea31 textarea
31 textarea
 
30 ruby
30 ruby30 ruby
30 ruby
 
29 progress
29 progress29 progress
29 progress
 
28 option
28 option28 option
28 option
 
27 iframe
27 iframe27 iframe
27 iframe
 
26 optgroup
26 optgroup26 optgroup
26 optgroup
 
24 meter
24 meter24 meter
24 meter
 
23 nav
23 nav23 nav
23 nav
 
22 frameset
22 frameset22 frameset
22 frameset
 
21 form in_html
21 form in_html21 form in_html
21 form in_html
 
20 embed
20 embed20 embed
20 embed
 
19 div
19 div19 div
19 div
 
18 dialog open
18 dialog open18 dialog open
18 dialog open
 
17 details summary
17 details summary17 details summary
17 details summary
 
16 dd dl_dt
16 dd dl_dt16 dd dl_dt
16 dd dl_dt
 
15 data list
15 data list15 data list
15 data list
 
14 data tag
14 data tag14 data tag
14 data tag
 
13 table in html
13 table in html13 table in html
13 table in html
 

Recently uploaded

Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
Chris Hunter
 
An Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdfAn Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdf
SanaAli374401
 
Gardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch LetterGardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch Letter
MateoGardella
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
heathfieldcps1
 

Recently uploaded (20)

Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
An Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdfAn Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdf
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Gardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch LetterGardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch Letter
 
SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...
SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...
SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docx
 
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
fourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingfourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writing
 
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
 

10 video

  • 1.
  • 2. HTML VIDEO Satyaki Das | Contact No. 8981838547 .
  • 3. <!DOCTYPE html> <html> <body> <video width="320" height="240" controls> <source src="1.mp4" type="video/mp4"> </video> </body> </html> Here width and the height are the two attributes. Satyaki Das | Contact No. 8981838547 .
  • 4. Format MIME-type MP4 video/mp4 WebM video/webm Ogg video/ogg MIME Types for Video Formats Satyaki Das | Contact No. 8981838547 .
  • 5. Attribute Value Description autoplay autoplay Specifies that the video will start playing as soon as it is ready controls controls Specifies that video controls should be displayed (such as a play/pause button etc). height pixels Sets the height of the video player loop loop Specifies that the video will start over again, every time it is finished muted muted Specifies that the audio output of the video should be muted poster URL Specifies an image to be shown while the video is downloading, or until the user hits the play button preload auto metadata none Specifies if and how the author thinks the video should be loaded when the page loads src URL Specifies the URL of the video file width pixels Sets the width of the video player Satyaki Das | Contact No. 8981838547 .
  • 6. <!DOCTYPE html> <html> <body> <video width="320" height="240" controls autoplay> <source src="movie.mp4" type="video/mp4"> </video> </body> </html> Satyaki Das | Contact No. 8981838547 .
  • 7. <!DOCTYPE html> <html> <body> <video width="320" height="240" controls loop> <source src="movie.mp4" type="video/mp4"> </video> </body> </html> L P Satyaki Das | Contact No. 8981838547 .
  • 8. <!DOCTYPE html> <html> <body> <video width="320" height="240" controls muted> <source src="movie.mp4" type="video/mp4"> </video> </body> </html> Satyaki Das | Contact No. 8981838547 .
  • 9. POSTER Satyaki Das | Contact No. 8981838547 .
  • 10. <!DOCTYPE html> <html> <body> <video width="320" height="240" poster="1.jpg" controls> <source src="1.mp4" type="video/mp4"> </video> </body> </html> The poster attribute specifies an image to be shown while the video is downloading, or until the user hits the play button. If this is not included, the first frame of the video will be used instead. Satyaki Das | Contact No. 8981838547 .