Colorbox Support [#1373724]

Comment #1

lyricnz commented 30 December 2011 at 08:37

Perhaps you should explain a bit more about what colorbox is, and why/how this should be in MediaElement (vs Colorbox itself). This module really just provides a widget, the control of whatever it uses a popup/overlay seems like something ... more than that?

Log in or register to post comments

Comment #2

infines commented 30 December 2011 at 18:25

Colorbox is an overlay module that pops up above the page when triggered by an event, usually by clicking a link. If I requested this in the colorbox issue queue they would most likely just change the project issue to this module.

Adding colorbox support in the MediaElement module as a display format would allow the user to usually select Colorbox-Media ElementAudio/Video.

If the colorbox module added support for every module it would have a ridiculous work load to maintain. It makes more sense that the modules add it in themselves.

Colorbox support also provides pretty design and function to websites and being able to load media in a colorbox without leaving the page is a feature a lot of websites use.

Log in or register to post comments

Comment #3

lyricnz commented 31 December 2011 at 02:59

What markup must be emitted to trigger Colorbox? I vaguely recall that Lightbox2 (similar thing) required you to add a CSS class to some element...

Log in or register to post comments

Comment #4

infines commented 31 December 2011 at 03:37

I think the class is colorbox-load and then you have to do some stuff with the url too.... heres the documentation

http://drupalcode.org/project/colorbox.git/blob/refs/heads/7.x-1.x:/READ...

Heres the module:

http://drupal.org/project/colorbox

Log in or register to post comments

Comment #5

lyricnz commented 31 December 2011 at 04:04

Well, the thing is, right now MediaElement is entirely an in-page player, isn't it? So there's no real obvious link that would open a popup/layer, and display the player in that. *shrug* Perhaps you can come up with a Proof of Concept?

Log in or register to post comments

Comment #6

aniebel commented 23 March 2012 at 13:46

We have done this using Media, MediaElement, Colorbox and Views Colorbox Trigger:

<div id="popup-container">
<h1 id="pu-head" class="popup [section]">[title]</h1>
<div id="popup-content">
[body]
<div id="pu-image">[field_image]</div>
<div id="media-buttons">
[field_audio_1][field_video_1][field_link_1]
</div>
</div>
<div id="media-wrapper">
<h1 id="pu-head" class="popup [section]">[title]</h1>
<div id="backButton">BACK</div>
<div id="audio">[field_audio]</div><div id="web">[field_link]</div>
<div id="video">[field_video]</div>

</div>

The tokens were fields added prior to the Colorbox Trigger field, of course, so that they would be available.