Jump to content
Sign in to follow this  
infoexpress

Vimeo Fluid Embed

Recommended Posts

infoexpress

Hi there, just wondering if there is a way to create a fluid vimeo embed (using iframe) on the home page of page lines - within a Banner that has been used under the nav bar in the body. I have added the vimeo iframe code where I'm supposed to, added some text in the text box/editor. Looks 100% fine, until you resize the page down, where the "resize" of the video doesn't seem to be doing it's thing.

[/code]

Any ideas? Or do I have to buy the Vimeo plugin?

Share this post


Link to post
Share on other sites
infoexpress
No - I've tried it on blog pages and normal pages to no avail...

Share this post


Link to post
Share on other sites
infoexpress
Will it be appropriate to add the css that is on this page to the stylesheet? [url]http://webdesignerwall.com/demo/elastic-videos/[/url] Cheers, Dave

Share this post


Link to post
Share on other sites
infoexpress
OK.... I got it sorted. [b]Pagelines is AWESOME.[/b] Simple fix by adding this code to the <> Custom Code section under "settings": [code].video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }[/code] Then adding the embed code like this: [code]
[/code] It might be a bit overkill, but it sure worked. YEAH!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×