Add a splash screen with video WordPress
I'm using Steve Lambert's WPFolio theme and I need help adding a splash screen when someone first visits the website. I have a video file I would like to have play automatically (locally or from vimeo) with a button below that allows a viewer to skip this screen and go directly to the site.
I think the complicated part would be differentiating when someone first visits the site from an outside link and not when just clicking on the home page while they are already viewing the site.
Is this even possible in WP?
My website is www.wyattburns.com
Thanks!
Answers (10)
Arnav Joy answers:
yes it is possible to make it , give me access to the site i will do it
and also tell me how you want it to look
Dbranes answers:
Have look at this plugin
[[LINK href="http://wordpress.org/extend/plugins/wsi/"]]http://wordpress.org/extend/plugins/wsi/[[/LINK]]
It supports video on the splash screen.
Daniel Yoen answers:
you can try this :
if (!isset($_COOKIE['enter']))
{
if(isset($_POST['enter']))
{
setcookie("enter", $_POST['enter']);
}
else
{
header('Location: ' . home_url() . '/intro/');
}
}
then, make new page "intro"
moclov555 comments:
That goes in the CSS?
Daniel Yoen comments:
No, before <!DOCTYPE on header.php :)
Manoj Raj answers:
We can do it with any jquery lightbox plugin... If you can give me the details through a personal message i can do it for you...
Manoj Raj comments:
Hi,
Here is the instructions to set a vimeo video as a splash screen
<em>Step 1</em> : Install the "<strong>WP Video Lightbox</strong>" plugin located in the following url and Activate the plugin
http://wordpress.org/extend/plugins/wp-video-lightbox/
<em>Step 2</em> : Add the following code to the footer.php file in your theme <strong>before</strong> calling <?php wp_footer(); ?>
<a href="http://vimeo.com/33508155?width=960&height=446
" rel="wp-video-lightbox" class="lightvideo" title="" style="display: none;"></a>
You can see clearly from the code the url, width, height parameters are set... you can change them to whatever you wish...
<em>Step 3</em>: The plugin by default has disabled autoplay videos -> So we need to enable it...
Go to Plugins -> Editor -> Select plugin to edit: -> Select "WP Video Lightbox"
You will be able to see the file wp-video-lightbox.php
Search for the following line
$vid_lightbox_autoplay = 'false';
Replace '<strong>false</strong>' with '<strong>true</strong>' in the above line
<em>Step 4</em>: Add the following script after wp_head(); ?>
<script type="text/javascript" src="https://raw.github.com/carhartl/jquery-cookie/master/jquery.cookie.js"></script>
You can download the js from the url and upload it to your theme folder and link it accordingly...
<em>Step 5</em>: Add the following script <strong>after</strong> <?php wp_footer(); ?> function
<script type="text/javascript">
jQuery(document).ready(function($) {
if ($.cookie('cookie_name') != '1') {
$("a.lightvideo").trigger('click');
$.cookie('cookie_name', '1', { expires: 3 }); }
});
</script>
Thats all done... If a user visits your webpage first time, It loads the video and set a cookie which expires in 3 days... You can change the value to whatever you want...
In a similar fashion you can add a youtube video, swf , image...Read the instructions in the following pdf...
http://www.tipsandtricks-hq.com/wp-content/uploads/docs/WP-Video-Lightbox-Plugin-Usage-Guide.pdf
If you need my help in installing and making it active, do send me a personal message and i can do it for you....
Gabriel Reguly answers:
Hi moclov555,
I did this before using this plugin: [[LINK href="http://wordpress.org/extend/plugins/simplesplash/"]]http://wordpress.org/extend/plugins/simplesplash/[[/LINK]]
It is very straightforward and effective.
If you want me to help you, please send me a PM with login details.
Regards,
Gabriel
Yoyo Sunaryo answers:
1. create your own splash screen page (with embedded video), save to "home.html"
2. upload "home.html" to your wordpress root directory via ftp or file manager
3. edit .htacces file and add this code :
DirectoryIndex home.html index.php
and your .htaccess file should be like this :
DirectoryIndex home.html index.php
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
4. now open your website. :D