- 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
HTML5 video full preload in JavaScript
Use the oncanplaythrough event to completely preload video. You can try to run the following code.
Example
<!DOCTYPE html>
<html>
<body>
<video id="myVideo" width="400" height="200" controls oncanplaythrough="display()">
<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>
<script>
function display() {
alert("Can be played without pausing for buffering.");
}
</script>
</body>
</html>
Published on 06-Apr-2018 13:35:43
- Related Questions & Answers
- HTML5 preload attribute
- HTML DOM Video preload Property
- Commonly used Video formats while using HTML5 video
- Display video inside HTML5 canvas
- HTML5 video not playing in Firefox
- Play local (hard-drive) video file with HTML5 video tag?
- Facing Problem in retrieving HTML5 video duration
- How to take a snapshot of HTML5-JavaScript based video player?
- Play infinitely looping video on-load in HTML5
- How to create a full screen video background with CSS?
- Playing MP4 video in WebView using HTML5 in Android
- Converting video to HTML5 ogg / ogv and mpg4
- HTML5 inline video on iPhone vs iPad/Browser
- Using FFMPEG with HTML5 for online video hosting
- HTML5 Video Tag in Chrome - Why is currentTime ignored when video downloaded from my webserver?
Advertisements