Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Video Background

Posted on 2013-10-25
2
Medium Priority
?
372 Views
Last Modified: 2013-12-02
Hi,
We need to design a website with a youtube video in background , some thing like this ,
http://gopro.com/

Any help is appreciated.
0
Comment
Question by:fparvini
2 Comments
 
LVL 58

Expert Comment

by:Gary
ID: 39601864
All they have done is give the header a fixed position at the top and given the bottom nav bar an absolute position just above the bottom of the page
0
 
LVL 54

Accepted Solution

by:
Scott Fell,  EE MVE earned 1500 total points
ID: 39601878
I think they use tubular http://www.seanmccambridge.com/tubular/ that you can download from https://code.google.com/p/jquery-tubular/ 

It is pretty straight forward.  You must have jquery and set tubular to target whatever you use for your wrapper.
$().ready(function() {
                $('#wrapper').tubular({videoId: 'idOfYourVideo'}); // where idOfYourVideo is the YouTube ID.
        });

Open in new window

0

Featured Post

[Webinar] Cloud Security

In this webinar you will learn:

-Why existing firewall and DMZ architectures are not suited for securing cloud applications
-How to make your enterprise “Cloud Ready”, and fix your aging DMZ architecture
-How to transform your enterprise and become a Cloud Enabler

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In this article you will learn how to create a free basic website on Bitbucket, a git service provider. Polymer creates dynamic HTML components, which allow more flexibility than static HTML. This tutorial uses Ubuntu Linux but can also be done on W…
JavaScript has plenty of pieces of code people often just copy/paste from somewhere but never quite fully understand. Self-Executing functions are just one good example that I'll try to demystify here.
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
Suggested Courses

971 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question