By birdrockdesigns on

Anyone know why this does not work?

http://www.birdrockdesigns.com/cmsd/product-template

There is a link for a video, I followed the instructions and added the code to activate the lightbox for lightvideo. Nothing.

I tried using PHP for drupal_add_js and that didn't work either. None of the Google video links work, they all go to the original page where the video is hosted. I'm trying to get a youtube video to play on the page within lightbox.

Any suggestions?

Thanks

⋅ Categories: Drupal 6.x

Comments

vm’s picture

vm commented

there's a js error on the page which may help diagnose.

However, what is adding those videos? if a field you can use your display fields tab on the content type in use and set them to pull up in lightbox. I've done something similar here blackenedblue.com/video and it seems to work perfectly well albeit with some themeing issues I've recently created while working on the theme.

birdrockdesigns’s picture

birdrockdesigns commented

The error I get from the Firefox developer bar says that $.Event is not a function. This is defined in ui.core.js. This is different from the lightbox script which should be called when user clicks on the link. The lightbox script works for images, but not for video. I searched and found that the youtube url shouldn't use 'http', but that doesn't work either.

It seems really simple, but what could be causing it to NOT work?

<li><a href="http://youtube.com/?v=LZc6lD_iwts" rel="lightvideo[|width: 425px; height: 344px;]"><img src="sites/all/themes/mission/images/product-thumbs/video-play.jpg" alt="Style" /></a></li>

I even tried the drupal_add_js('lighvideo.js'); and it still doesn't work.

Help!

vm’s picture

vm commented

Again I ask, How are you adding the videos?

If through a content type, which is how I'd do it, have you adjusted your display fields to allow lightbox to allow display? administer -> content types -> edit the content type in question -> display fields tab.

some options to investigate:
emfield.module which allows you to put a field on a content type that allows you to pull videos from 3rd party sites like youtube and similar.
video_upload.module which allows you to add a field to a content type that automatically uploads the videos to your youtube account and display them on your site.

[|width: 425px; height: 344px;] part of the code you pasted above seems odd to me. It very well could be correct and just something I've not seen before. That looks more like code that a filter would use in a piece of content that isn't being touched by the filter system rather then HTML or css that is to be used.

birdrockdesigns’s picture

birdrockdesigns commented

I'm adding them by direct link. I include the url in the tag and add the lightvideo/lightbox rel to the tag.

This is the instructions in the readme.txt downloaded with lightbox2 module:

Video
=====
It's possible to show video content in the lightbox.  In this case the "rel"
attribute should be set to "lightvideo".  It's possible to group videos and 
to control the size of the lightbox by setting the 'width' and 'height
properties.  The properties can be configured like
"lightvideo[group|width:300px; height: 200px;]" and
"lightvideo[|width:300px; height: 200px;][my caption]".  The properties should
all be of the format "property: value;" - note the closing semi-colon.  If no
properties are set, then the default width and height of 400px will be used.
See below for more detailed examples.

Basic example:
<a href="http://video.google.com/videoplay?docid=1811233136844420765"
rel="lightvideo">Google video example - default size</a>

Basic example with caption:
<a href="http://video.google.com/videoplay?docid=1811233136844420765"
rel="lightvideo[][my caption]">Google video example - default size</a>

Grouped example:
<a href="http://video.google.com/videoplay?docid=29023498723974239479"
rel="lightvideo[group][caption 1]">Grouped example 1</a>
<a href="http://video.google.com/videoplay?docid=1811233136844420765"
rel="lightvideo[group][caption 2]">Grouped example 2</a>

Controlling lightbox size example:
<a href="http://video.google.com/videoplay?docid=1811233136844420765"
rel="lightvideo[|width:400px; height:300px;][my caption]">Google video example -
custom size</a>

Supported Video Formats
asx, wmv, mov and swf videos should all be supported.  A number of video
providers are also supported, for example YouTube and Google Video. For full
details on how to integrate these with lightbox, please see the online
documentation.

You can view the source code on this site, http://www.stellapower.net/lightbox2

My page is here http://www.birdrockdesigns.com/cmsd/product-template

I'm adding the HTML directly into the content of a page through Drupal.

birdrockdesigns’s picture

birdrockdesigns commented

You have to specify a path to the flv player and then enable video support in the admin for lightbox2