How To Add A Fullscreen YouTube Video To The Banner Area Of Your Weebly Site
Tuesday October 13th, 2015 | Comments
This tutorial will show you how to add a fullscreen Youtube video to the banner area of your Weebly site. For this tutorial, we'll be using Weebly's new responsive "Paper" theme in dark.
Step 1. Open Weebly's hTML/cSS editor
Click on "Design" at the top, then click on "Edit HTML/CSS" on the bottom-left.
Step 2. Select your page's page layout
On the left, select the page layout the page you're installing the fullscreen YouTube video is using.
Note: If you don't know which page layout the page you're installing the fullscreen YouTube video on is using, you can easily find out by going to "Pages" at the top and then selecting that page.
Step 3. Install HTML Code
Scroll down and look for your main content area's coding. It usually has the div tag "<div id="main">" or "<div id="main-content">". Add the code below directly above it.
Step 4. Drag & Drop "YouTube" element
Grab the "YouTube" element from the left and drag & drop it into the northern most region of the Weebly Editor (i.e., not the main content area, but above it).
Step 5. add youTube Video's URL
Grab the URL of the YouTube video you intend to use. Now go back to your Weebly site and click on the "YouTube" element. Add that URL to the "YouTube" element. Now go to Advanced>Size>Auto.
Details of Project
Level of difficulty: Beginner
Time to complete: 10 Minutes
How To Install Any Font Into Your Weebly Site
Updated on June 20, 2016
How To Create A Sidebar That Will Appear On Every Standard Weebly Page
Updated on June 11, 2016
How To Create An "<h1>" Tag In Your Weebly Site
Updated on July 9, 2016
Weebly Tricks on Facebook
Weebly Tricks on Google+