Vimeo overlay on homepage

(@hiker4life)

I have a video that want to automatically display when a user comes to the site instead of clicking a link.

The code is below… and here is the link to the site, http://www.wayneelsey.com/

<div style="display:none" class="fancybox-hidden">
<div id="fancyboxID-1" style="width:500px;height:281px;">
<div id="fancybox-auto" class="fancybox-vimeo">
<iframe src="http://player.vimeo.com/video/56403414" height="281" width="500" allowfullscreen="" frameborder="0"></iframe>
</div>
</div></div>

<a href="#fancyboxID-1" class="fancybox" id="fancybox-auto">View our new video</a>

http://wordpress.org/extend/plugins/easy-fancybox/

Viewing 4 replies - 1 through 4 (of 4 total)

Josh
(@joshguss)

11 years, 3 months ago

Hey…

It looks like you were able to do this. Did you use a plugin to get this to work or just some custom Javascript?

Thanks!

Thread Starter hiker4life
(@hiker4life)

11 years, 3 months ago

Actually I didn’t get it to work. I had to go the YouTube route. Couldn’t get it to autoload only from a link would it overlay.

Jeromin
(@jerominrebatet)

11 years, 3 months ago

Hello,

To autoload joshguss just add the “fancybox-auto”=id for auto-opening.

hiker4life it’s weird, I didn’t check but you should have option to auto play the video :/
Rolf Allard van Hagen
(@ravanh)

11 years, 3 months ago
Hiker, what if you enable the Vimeo option on Settings > Media and just do this:
```
<a href="http://vimeo.com/56403414" class="fancybox-vimeo" id="fancybox-auto"></a>
```