Entry 011 — Technical Solutions

Topic: Pre-loading, Redirecting on Reload, Video Auto-play

I’m trying to re-build websites from the ground up to practice the different components of web design — graphics, 3d art, coding, etc. And came across a few issues along the way.

I’m currently working on re-creating a french site called lesjoliesmusiques.fr which I found on siteinspire.com, and was designed by Pam Studio.

(1/3) How do I pre-load content

The method I used personally:
Solution 1 | https://www.youtube.com/watch?v=fsmFBwlk7wo&t=38s

Another solution which got a number of good reviews/comments
Solution 2 | http://websitegyantutor.blogspot.com/2018/11/page-loader-in-html-with-css-code-html.html?m=1

(2/3) How do I tell my browser to go to another page on reload

Solution | I got the answer from Lokesh Kumaron Stack Overflow https://stackoverflow.com/questions/8622892/how-to-redirect-a-page-to-another-page-when-refresh-at-second-attempt

(3/3) How do I auto-play videos

To autoplay a video you have to mute it. This took the longest to figure out haha.

All you have to do is add muted to your opening video tag. It should look something like this: <video autoplay muted> … </video>



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store