hits counter

Youtube PopUp

A great companion to our popular Image PopUp, now pop up Youtube Videos with our easy to use, sleek, modern, responsive solution for displaying video on your Concrete5 website.

It is easy to add PopUp Youtube videos to your web site. First go to Youtube and find the video you will be using. Below the video to the left you will see a link to Share the video. Click on that.

Copy the URL that is displayed, you will need to paste that into the form when you add th Youtube Popup block to your website.

Now add the block to a page on your websire.

Block Class is an optional field that adds a class to the thumbnail and pop up window wrappers to allow styling to individual instances of the block.

Paste the Youtube Share URL that you copied from the video you are using.

When the Auto Play box is checked the video will begin playing when it pops up.

Fade Duration adjusts the PopUp action

Choose the type of link you want to activate the PopUp.

  • Youtube Thumbnail - If a thumbnail is available from Youtube it will be used as the thumbnail link.
  • Thumbnail - Select an image from the File manager to use as the popup link.
  • Text Link - Enter text that will be displayed as the link to activate a popup.
  • CSS Selector can be a class or id on a link anywhere on the page. Inclue a . for classes, # for ID's.
  • On Page load is the ever so annoying PopUp when the page is loaded by the browser.

When Show caption on Popup is checked you can enter text that will be displayed below the video popup window.


Examples

PopUp with Youtube Thumbnail

CSS Link

This is a Content Block with a link that initiates the PopUp. Assign a CSS Class or ID to a link anywhere on the page with a Youtube PopUp Bock configured to link with CSS Element.

Thumbnail from File Manager

DSC00062.jpg

Purchase Youtube PopUp at the Concrete5 Marketplace