Need a simple site

**Doxastic** · 16 Jun 2009, 01:06 PM

Hey guys,

I need to build a very, very simple site. But I have no idea how to build websites. Literally, no idea.

What I need is a site that has a big red, fun button that says, "On". And the button is a link. When you click the "On" button, a video from youtube pops up. I haven't decided which video but that's irrelevant.

Background: A few weeks ago I made a Facebook status post that said, "It's on."

A friend of mine returned with, "Um. No. It's not."

So I returned with, "damn..... I really thought it was on."

And he returned with, "I see why one might think that it is on. But it really isn't. On that is."

And it's been going back and forth since.

So, I want to create a site with a big red button that says "On." And when he goes to it, he'll press it. And some video about how it's on will come up. And then I'll come back and say, "HA! You even turned it on."

Any help would be awesome.

**Wickham** · 17 Jun 2009, 02:46 AM

Well, a basic solution would be to use two pages, one with the button link and the other with the embed code that you can copy/paste from the right side of any YouTube video (the code with an object tag and nested embed tag):-

Code for the link page (called video-link.html but you can call it what you want):-

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Video button</title>

</head>

<body> 

<div><a href="video-page.html"><img src="orangew90x90.jpg" alt="button"></a></div>

</body>
</html>

Change orangew90x90.jpg to your button image and put it in the same folder as the html files.

Code for the video page which must be called video-page.html:-

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Video</title>

</head>

<body> 

<object width="560" height="340"><param name="movie" 
value="http://www.youtube.com/v/-IbDyNRFakE&hl=en&fs=1&"></param>
<param name="allowFullScreen" value="true"></param><param 
name="allowscriptaccess" value="always"></param><embed 
src="http://www.youtube.com/v/-IbDyNRFakE&hl=en&fs=1&" 
type="application/x-shockwave-flash" allowscriptaccess="always" 
allowfullscreen="true" width="560" height="340"></embed></object>

</body>
</html>

I've tested this with the above video about a dog causing a plane crash. You need javascript/ActiveX to see the video.

Thread: Need a simple site

Thread Tools

Need a simple site

Similar Threads

Web Development with SEO in Mind

Posting Permissions