Henboydesigns Posted May 15, 2020 Share Posted May 15, 2020 Site URL: https://henryoboyleillustrations.squarespace.com/ Hello, so what I’m trying to do is create an opening intro video or maybe a gif. I want the video to show at the very beginning when they first enter the site. Then just fade into the home page. I only want it to show once as well, just at the beginning. Is this possible? many thanks henry Link to comment
tuanphan Posted May 15, 2020 Share Posted May 15, 2020 Try code in this question. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Henboydesigns Posted May 15, 2020 Author Share Posted May 15, 2020 55 minutes ago, tuanphan said: Try code in this question. Hi Thanks for the reply, this seems to be the like the thing im trying to do. How do I put a video instead of a gif, its saved on my hard drive. does it need to be on the internet first? Thanks Link to comment
Henboydesigns Posted May 15, 2020 Author Share Posted May 15, 2020 1 hour ago, tuanphan said: Try code in this question. If i put the same this like this. But just reference my video, will that work? <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <div class="logoload"></div> <style> .logoload { /* SET BACKGROUND COLOR */ background-color: #fff; /* SET BACKGROUND SIZE */ background-size: 90px; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background-position: center; background-repeat: no-repeat; background-image: url("file:///Users/henryoboyle/Desktop/intro/intro.html"); } </style> <script type="text/javascript"> $(window).load(function() { $(".logoload").delay(500).fadeOut("slow"); }) </script> Link to comment
pomato Posted August 8, 2020 Share Posted August 8, 2020 Hello @tuanphan I used the code above but I encountered 2 issues. 1) I'm unable to play my full gif before the website appears. 2) Sometimes it shows the last frame of my gif, instead of playing the full gif. Any help will be greatly appreciated! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.