- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
How do we set an image to be shown while the video is downloading in HTML?
Use the poster attribute in HTML to set an image to be shown while the video is downloading.
Example
You can try to run the following code to implement poster attribute −
<!DOCTYPE HTML> <html> <body> <video width = "300" height = "200" poster = "https://www.tutorialspoint.com/images/logo.png" controls> <source src = "/html5/foo.ogg" type = "video/ogg" /> <source src = "/html5/foo.mp4" type = "video/mp4" /> Your browser does not support the video element. </video> </body> </html>
Published on 14-Mar-2018 10:10:00
- Related Questions & Answers
- How do we create an image map in HTML?
- How do we set the range that is considered to be of low value in HTML?
- How do we define an area in an image map with HTML?
- How do we set text font in HTML?
- How do we set the type of element in HTML?
- How do we set the text direction for the content in an element in HTML?
- How do we set the alignment according to surrounding elements in HTML?
- How do we set what value is the optimal value for the gauge in HTML?
- Bootstrap Event when the modal is about to be shown
- How do we include an anchor in HTML?
- Blank PNG image is shown with toBase64Image() function
- How to set the audio output of the video to mute in HTML?
- How do we set what media/device the linked document is optimized for in HTML?
- How do we specify that the audio/video will start playing as soon as it is ready in HTML?
- Set an image as a server-side image map in HTML?
Advertisements