I'm make video websites in html5 with < video >
In my computer from disc website fadeIn and FadeOut very nice, but in my server i wait too long in every page because video starting preload.
Have you are got any idea how to sites
/Index.html
/Portfolio.html
/Contact.html
preloade when we go to Index.html? You know, we go to Index.html and we see procent preloader and in this time we loading /Index.html /Portfolio.html /Contact.html etc. When it's finish, all movies is loaded in cache browser and website it's working in realtime - click to contact.html and i see playing movie (not wait to preload video).
Any ideas how to make it? Thanks a lot, Arleta
HTML | <video> preload Attribute auto: It is used to specify that the browser should load the entire video when the page loads. metadata: It is used to specify that the browser should load only metadata when the page loads.
Definition and Usage. The preload attribute specifies if and how the author thinks that the video should be loaded when the page loads. The preload attribute allows the author to provide a hint to the browser about what he/she thinks will lead to the best user experience. This attribute may be ignored in some instances ...
Preload (spec) is a new web standard aimed at improving performance and providing more granular loading control to web developers. It gives developers the ability to define custom loading logic without suffering the performance penalty that script-based resource loaders incur.
You could combine the different html pages you have (demo-big-counter.html, demo-circular.html) into a single html page and separate the content into different tabs (You could use this for implementing tabs - http://getbootstrap.com/javascript/#tabs).
Add your videos to tabs that are hidden initially, they will start loading as soon as the main html file is opened.
I would try something with JavaScript and set all the pages into one. You cannot preload something which is in another HTML file.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With