<a href="javascript:cincopa.getGalleryById('AYCAkp-SKcP5').startPopupSkin()">Open course (with javascript)</a>
<br><a href="javascript:cincopa.getGalleryById('AYCAkp-SKcP5').startPopupSkin('Ao1CBdMUi7U5')">Open course on a specific video - Mountainer Bike lesson (with javascript)</a>
<br><a href="javascript:cincopa.getGalleryById('AYCAkp-SKcP5').startPopupSkin('AI5CGrYkE4ej')">Open course on a specific video - Snowboarding lesson (with javascript)</a>
<br>
<br><a href="javascript:cincopa.getGalleryById('cp_channel').startPopupSkin()">Open channel (with javascript)</a>
<br><a href="javascript:cincopa.getGalleryById('cp_channel').startPopupSkin('Ao1CBdMUi7U5')">Open channel on a specific video - Mountainer Bike lesson (with javascript)</a>
<br><a href="javascript:cincopa.getGalleryById('cp_channel').startPopupSkin('AI5CGrYkE4ej')">Open channel on a specific video - Snowboarding lesson (with javascript)</a>

<a id='cincopa_widget_2' class="cincopa_popup" href='whatever'>this link will open a popup (no javascript)</a>
<script src='https://rtcdn.cincopa.com/meta_json.aspx?fid=AUFAqnO_OAqm&ver=v2&id=cincopa_widget_2' type='text/javascript'></script>
<script src='https://rtcdn.cincopa.com/libasync.js' type='text/javascript'></script>

this image is clickable and will open a popup
<a id='cincopa_widget_3' class="cincopa_popup" href='whatever'><img src='https://rtcdn.cincopa.com/thumb.aspx?rid=AYNDzLTMU-kz&size=medium' /></a>
<script src='https://rtcdn.cincopa.com/meta_json.aspx?fid=AUFAqnO_OAqm!AYNDzLTMU-kz&ver=v2&id=cincopa_widget_3' type='text/javascript'></script>
<script src='https://rtcdn.cincopa.com/libasync.js' type='text/javascript'></script>

<!-- this is a standard Cincopa embed code -->
<a id="cp_course" class="cincopa_popup" href="www">this can be any text</a><script type="text/javascript">
var cpo = []; cpo["_object"] ="cp_course"; cpo["_fid"] = "AYCAkp-SKcP5";
var _cpmp = _cpmp || []; _cpmp.push(cpo);
(function() { var cp = document.createElement("script"); cp.type = "text/javascript";
cp.async = true; cp.src = "//www.cincopa.com/media-platform/runtime/libasync.js";
var c = document.getElementsByTagName("script")[0];
c.parentNode.insertBefore(cp, c); })(); </script>
<!-- end of embed code -->

<!-- this is a standard Cincopa embed code -->
<div id="cp_channel" class="cincopa_popup">this is actually a clickable div</div><script type="text/javascript">
var cpo = []; cpo["_object"] ="cp_channel"; cpo["_fid"] = "AgCAJouRLUGG";
var _cpmp = _cpmp || []; _cpmp.push(cpo);
(function() { var cp = document.createElement("script"); cp.type = "text/javascript";
cp.async = true; cp.src = "//www.cincopa.com/media-platform/runtime/libasync.js";
var c = document.getElementsByTagName("script")[0];
c.parentNode.insertBefore(cp, c); })(); </script>
<!-- end of embed code -->



  
  

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.