PDA

View Full Version : 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):-



<!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:-


<!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.