Come together with the global Drupal community in Rotterdam, 28 Sept – 1 Oct 2026. Sessions, contribution, connection, and Early Bird savings until 8 June.I'm using the media module with file styles, and I can setup different displays for each media type, but there does not appear to be a option for adding a play button overlay to video thumbnail displays. This feature is required for a site I'm building, so I will have to solve this with advanced theming. Is there a recommended approach or php check I can put in a template file to determine if the media type is a video so I can print an overlay image and css it to be on top fo the thumbnail? Is there a specific recommended approach? Am I missing an easier solution?
| Comment | File | Size | Author |
|---|---|---|---|
| #3 | video-thumb-for-605-7.jpg | 19.29 KB | bradspry |
Comments
Comment #1
JacobSingh commentedVideo support in Media is not really existant at this point. At which point are you looking to add the play button? When it is being displayed, or in the browser or something else?
Comment #2
pglatz commentedI haven't seen how to create a thumbnail for uploaded videos; I'd try to help with an overlay template if I could, as I could use one also.
Can thumbnails be automatically generated, or manually uploaded?
Comment #3
bradspry commentedYou can use the ImageCache Actions module to watermark thumbnails with a play button.
Comment #4
devin carlson commentedThe display of a "play button" is the responsibility of individual video players. You could try a variety of existing players such as jPlayer or MediaElement and see if they have the appearance that you are looking for.
If the player provides a preview image style, you can use the module that bradspry outlines in #3 to "embed" a graphic into the video thumbnail.
Comment #5
chrisrcooper commentedAs #3 said, the best route for this is probably to use ImageCache Actions to overlay a play button image. There's a great tutorial to do just that: http://www.daymuse.com/blogs/drupal-imagecache-actions-module-overlay-tu... along with a video walkthrough to do it.
It doesn't give you an "option" in media to do it, but you can make the action totally automatic.