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.

​<div id="video">{video:content}</div>

​Click save.

---

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.

---

You're done! 
Publish your site to see your new fullscreen YouTube video!

---

comments powered by Disqus