clearbox 3 video problems youtube vimeo support
westwm Mar 13, 2013 3:05 PMhi all
my 1st post here, my 1st website build.
currently redoing company website, shifting from old flash based site to more iOS and android friendly layout. Using clearbox 3 lightbox for all galleries.
sample clearbox shows its compatible for displaying flash,qt,youtube,mp3 even html from galleries.
here is sample multi media code that is embedded when inserting the widget
<div class="container clearfix">
<div class="item"><a href="example/Flash.swf" rel="clearbox[gallery=Gallery,,width=600,,height=400,,title=Flash content]"><img class="fakepic" src="example/no_flash.gif" alt="flash content" /></a></div>
<div class="item"><a href="http://www.youtube.com/v/OtQN-iDfprU" rel="clearbox[gallery=Gallery,,width=700,,height=490,,title=A clearbox 3 preview movie on YouTube,,comment=I uploaded some movies to YouTube from clearbox 3...]"><img src="example/no_youtube.gif" alt="youtube movie" /></a></div>
<div class="item"><a href="http://handras.hu/insight/media/insight_960.mov" rel="clearbox[gallery=Gallery,,title=iNSIGHT (http://handras.hu/insight),,comment=This video is a demo shot entirely with Canon's 5D MarkII DSLR camera. It is a six minute three-section video demonstration of a photoshoot and digital image composition process. The video is mainly intended to demonstrate the capabilities of the camera and to share our joy of creation through behind-the-scenes pictures.<br /><font color="#ff7700">QuickTime plugin required!</font>,,width=960,,height=540]"><img src="example/no_quicktime.gif" alt="quicktime movie" /></a></div>
<div class="item"><a href="example/test.mp3" rel="clearbox[gallery=Gallery@@,,tnhrf=nopreview@@autoslideshow@@,,width=500,,height=150, ,title=MP3 music,,comment=Windows Media Player plugin is required!]"><img src="example/no_winmediamp3.gif" alt="music" /></a></div>
<div class="item"><a href="http://www.clearbox.hu/index_en.html" title="Clearbox Info" rel="clearbox[height=1000,,width=700]"><img src="example/clearbox.png" alt="Clearbox Info" /></a></div>
</div>
<div id="inline">
<h3>Lorem ipsum</h3>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam
dapibus leo quis nisl. In lectus. Vivamus consectetuer pede in nisl.
Mauris cursus pretium mauris. Suspendisse condimentum mi ac tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Donec sed enim. Ut vel ipsum. Cras consequat
velit et justo. Donec mollis, mi at tincidunt vehicula, nisl mi luctus
risus, quis scelerisque arcu nibh ac nisi. Sed risus. Curabitur urna.
Aliquam vitae nisl. Quisque imperdiet semper justo. Pellentesque nonummy
pretium tellus. </div>
</div>
<div class="tooltipContent" id="sprytooltip1">Tooltip content goes here.</div>
<div id="LColApDiv"></div>
<div id="LColumnAppDiv"></div>
<div id="LeftColumnAppDiv"></div>
<div id="leftColumnApDiv"> </div>
<script type="text/javascript">
i'm trying to use youtube video of my own but am not able to spawn the video. the sample code from above works fine:
div class="item"><a href="http://www.youtube.com/v/OtQN-iDfprU" rel="clearbox[gallery=Gallery,,width=700,,height=490,,title=A clearbox 3 preview movie on YouTube,,comment=I uploaded some movies to YouTube from clearbox 3...]"><img src="example/no_youtube.gif" alt="youtube movie" /></a></div>
but when using my test video, it does not spawn anything:
<div class="container clearfix">
<div class="item"><a href="https://www.youtube.com/watch?v=2hzMHcfuj1E" rel="clearbox[gallery=Gallery,,width=700,,height=490,,title=Clearbox 3 preview movie on YouTube,,comment=movies from from clearbox 3...]"><img src="example/no_youtube.gif" alt="" /></a></div>
I've tried the share urls from the share, embed options and still nothing. can anyone see whats so wrong from my code as compared to the sample??
also does anyone know if clearbox 3 is compatible with vimeo videos and how to get that working?
thanks for any help!




