Please look at the following examples for how you can embed popup video in your pages.
Please note you need to remove the quotes " from the embed code, or otherwise make the HTML encoded so that it will work within a javascript string.
Find more customisations http://colorpowered.com/colorbox/
Usage
<p><a href="javascript:void jQuery.colorbox({html:'embed code here'})">link text or image</a></p>
Usage, as used around an image
<p><a href="javascript:void jQuery.colorbox({html:'embed code here'})"><img src="https://www.help.cms-tool.net/images//somethumbnail.jpeg" width=150 height=100></a></p>
Usage as used for a simple URL on the last screen of the insert image wizard
URL: javascript:void jQuery.colorbox({html:'embed code here',title:'Title of Video'})
Example code
<p><a href="javascript:void jQuery.colorbox({html:'<iframe width=420 height=315 src=http://www.youtube.com/embed/eh-0knDpn5g frameborder=0 allowfullscreen></iframe>'})">view popup video</a></p>
Demonstration link
More From This Section
FAQ Topics
Building your site
Advanced Page Types
E-Commerce
- Shopping Basics
- Category Management
- Products
- Product Options
- Layout and Formatting
- Payment Options
- Processing Orders
- Advanced Ecommerce
- Product Pricing, Currencies
- Plugins
- Wholesale
- Bookings Management System
- Freight - Couriers
- Stock & Quantities
- Vouchers, Discounts, Loyalty Points
- Selling Photos / Prints
- Shopping Cart Add-on Page types
- Advanced APIs / Add ons
- Point of Sale (POS)
- Reports
- Orders / Invoices
Email & Membership
Promoting your site
Advanced
- Power User Options
- Form Spam Filtering
- Wordpress
- PHP Setup
- [TAGS]
- jQuery snippets
- Search External Links / Import external content
- HTML / CSS Snippets
- Embedding Web Fonts
- Loading additional Material Symbols styles
- FAQ Help Map
- Uploading local font files
- Advanced Template Customisation, CSS, etc
- Languages and Translations
