title: ColorBox - Error: cboxElement missing settings object
body: <p>What I'm trying to do is to play a video inside <a href="http://www.jacklmoore.com/colorbox" rel="nofollow noreferrer">ColorBox</a> lightbox. </p>
  
  <p>My HTML code is as follows. When I click on the link it should play the video.</p>
  
  <pre><code>&lt;a href="http://cdn-azu-ns.viddy.com/media/video/0b2b103a-0c40-48a4-877a-64645ef5a0ae-high.mp4?t=634914421568400000" target="_blank" class="photo_link cboxElement iframe"&gt;Video&lt;/a&gt;
  </code></pre>
  
  <p>What I do with Colorbox is as below. Load the video into lightbox.</p>
  
  <pre><code>jQuery(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
  </code></pre>
  
  <p>It gives me the below error.</p>
  
  <pre><code>Error: cboxElement missing settings object
  </code></pre>
  
  <p>ScreenShot</p>
  
  <p><img src="https://i.stack.imgur.com/ZgN3u.png" alt="enter image description here"></p>
  
  <p>What should I do to fix this ? Given that there are no js errors except above one. jQuery is included correctly.</p>