How dhtml popup video effect works

Asked By 20 points N/A Posted on -
qa-featured

I have noticed a lot of videos websites with a website popping up when you click the play button.

How does dhtml Popup video effect works?

It's just a curiosity thing.

Possible of experimenting on it in the future.

Let me know how if you are good with this

SHARE
Best Answer by Taylor Laura
Answered By 5 points N/A #136235

How dhtml popup video effect works

qa-featured

There’s software for that. 

You can download it here:

http://www.javascriptkit.com/dhtmltutors/youtube-api-lightbox.shtml

http://www.dpopup.com/

The second one has a lot of features.  There’s:

  • Floating layers over your web page
  • Dynamic control
  • Add or remove files to and from the project
  • Tabbed environment for multiple simultaneous Popups
  • Multiple sequential Popups

And a lot more. 

Check it out, there’s an example and a demonstration available.

 

Best Answer
Best Answer
Answered By 15 points N/A #197855

How dhtml popup video effect works

qa-featured

Hi Edward,

DHML means dynamic HTML. It is dynamic in a sense that it is an HTML and JavaScript program combined in one programming code. It is NOT a programming language but merely a browser feature to enhance the ability of a browser to be dynamic allowing widgets and gadgets to work in your Web page.  
 
With the case of a pop-up window of video in a Web page, it is programmed using JavaScript. If you are a programmer of this language, you can create a program that would output a video in a Popup box.  
 
If you check W3Schools, you will learn that JavaScript has three boxes: Alert box, Prompt box and Confirm box. You can program any of these and add the widget of the Popup box in your HTML program.
 
Now this is an example on how the JavaScript or widget will look like:
 
<script> document.write("This is text created on the fly!") </script>
 
This is a basic element of JavaScript for HTML and uses a <script> tag. You need to insert this script in the HTML program to make it work.  Here’s how you can do it:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Content-Script-Type" content="text/javascript">
<meta name="Content-Style-Type" content="text/css">
<title>Example</title>
</head>
<body>
<script>document.write("This is text created on the fly!")</script>
</body>
</html>
 
If you are not a programmer, there are a lot of online services which can do this for you.  
One of which is Dynamic Drive.  This is where you can create applications using DHTL or JavaScript for free.  
 
The website will generate a script for you and you need to integrate in your program.  
 
Regards,
Taylor
 

Related Questions