I'd like to use projekktor within colorbox.

I'm using drupal 7.16, tried 7.15 as well.
http://drupal.org/project/colorbox 7.x-1.4
http://drupal.org/project/colorbox_node 7.x-2.4

Current setup

1) Download and enabled projekktor & colorbox node mods. I've installed libraries fine.

This colorbox_node mod creates a new view mode on a content type called colorbox. I've set this to the projekktor player.

2) structure > content types > article > manage display > colorbox. Under format tab of field set this to the projekktor media player.

3) Create the node content with the sample video in

To get the video loading up in the dialog the following is the recommended link code.

<a class="colorbox-node" href="/colorbox-vid?width=600&amp;height=600">Colorbox node mod</a>

Browser results

Firefox 16.02 - works first time all the time
Google Chrome Version 22.0.1229.96 m - works only once. If player is clicked again it continues to spin round. Refreshing the page solves the problem, but again only works once.
Safari 5.1.7 - doesn't work at all. Video displays but doesn't load
Opera 12.02 - displays everytime, however after the first time there is a spinning round icon displaying while the video is displayed in the middle of the screen.
IE9 - display is completely garbled (screenshot attached)

Is there any chance you know what's going on with the mod and the different browsers James?

Thanks for any help.

CommentFileSizeAuthor
ie9.png4.63 KBkingfisher64

Comments

eyilmaz’s picture

eyilmaz
Primary language German
Location Berlin, Germany
commented

Hi,
maybe a little bit to late, but i think someone else also can have this problem.

I had the same problem with colorbox in conjuction with projekktor.
I used the colorbox-load class and loaded a display type of an asset where a video was displayed with projekktor.

colorbox-load (I think colorbox-node also uses colorbox-load) loads the whole requested page, so the javascript files were loading again.

i used hook_js_alter to delete javascript files when the requested page in that one I use colorbox:

<?php
function hook_js_alter(&$js) {
  if (arg(0) == 'assets' && arg(1) == 'tooltip')
  {
    $settings = $js['settings'];
    $js = array('settings' => $settings);
  }
}
?>

With this change projekktor works fine in colorbox and also grouping "load-elements" is working fine.

Greetz
eyilmaz