Video Embed Field Overlay

What is it?

Allows videos embedded using the video_embed_field module to be displayed in a DOM Window overlay.

How does it do it?

Well, first it defines a new format for the video_embed_field fields called overlay. Then, using a pretty standard theme function, combines the preexisting display modes into one, thus producing a thumbnail that is linked to the embed code (inline hidden div) which will be displayed in an overlay window using the DOMWindow jquery plugin

Using image styles, you can overlay a play button on top of your video thumbnail:

Notice this requires downloading the imagecache_actions module and enabling the imagecache_canvasactions submodule.

When rendered the thumbnail is displayed and linked to the embedded video player that will be displayed in the overlay

All the settings are intuitive and provided in compliance with the Field API

Anything else I need to know?

Requires the video_embed_field module the DOM Window module/library and the DOM Window jQuery plugin to function correctly.

The DOM Window module includes a drush command that will download the jQuery plugin for you.

$ drush domwindow-plugin

For the "Play Button" icon all you need to do is:

$ drush dl imagecache_actions; drush en imagecache_canvasactions -y;

The module will take care of the rest.

Innovation sponsored by:

Downloads