Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

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)

2012-07-24

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

2012-07-24

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.

2012-07-24

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 :)

2012-07-24

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&amp;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....

2012-07-24

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

2012-07-24

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

2012-07-25

renewgardstevi answers:

Classic short stylish improved cheongsam collar Slim Chinese che - $39.00 :

2012-07-25

jelkjuni answers:

New modal swing collar shoulders embroidered bat sleeve T-shirt - $35.00 :

2012-07-25

ialveminiharo answers:

单肩斜挎包_男士专区_真皮包包

2012-07-25

rgibrobe answers:

robe Liebo