Creating a YouTube Pop Up Window (onClick)

YouTube.com Logo

 

Creating a YouTube Popup Window

Create a small pop window with a youtube video with minimum code requirements.

 

Youtube Pop Up Example

 

If you want to see it in action, click here and then click on the Watch Video Link

 

Javascript Code

Please this code in between your html header tag. Original Post can be found here on StackOverflow

 

HTML Code

 

My Changes

I made slight changes to the code as I wanted to be able to input a youtube url. This doesn’t seem to work with the shortened version of the youtube URL

 

 

My $post variable would equal a field from my DB, notice I have added the embed into the URL

https://www.youtube.com/embed/OZ92BgOqq28

 

You may also be interested in the Amazon API Post or the AWS Cloud as Personal WebServer Post

 

Please go ahead and leave me a comment…

I would love to hear from you and if I have missed anything, let me know and I will add it.

I would appreciate you linking back to my blog if you found any of these articles useful.

Steven

Steven

Steven has a technical background in System Design, Unix Systems and Enterprise Architecture & Design. He also has a background with 15 years of Unix Systems Primarily HP-UX, Linux and AIX Open Systems. He also has a background in programming languages such as C, Perl, PHP, CGI and Web Environments.

Leave a Reply

Your email address will not be published. Required fields are marked *