Drupal 7 updating image styles
However, its flexibility allows you to customize your You Tube thumbnail through Drupal image styles.
The Image Cache Actions module let's us automate this process.
This is especially relevant when used in combination with the Colorbox module or another process which opens the video in a lightbox.
First, head over to and the project page of Image Cache Actions.
For my use case, I want to center the Play Button overlay on my You Tube preview thumbnail, and so I will choose center for both my X and Y offsets. Drupal's Image Cache Actions module is capable of adding many effects to image styles, but watermarks or overlays are one of the most common.
I am going to assume that you already know how to upload images to your Drupal 7 site, so I will be skipping the full process.
If you recall from my Drupal Media module tutorial video, Media: You Tube module provides a way to display the You Tube video thumbnail while giving you the flexibility to style the thumbnail with your site's image styles.
The You Tube video thumbnail does not apply a Play Button overlay to distinguish video content from regular images nor does it trigger a call to action for users.
The Image Cache Actions module actually provides a suite of additional image affects that can be used in combination with the core Drupal image styles.
These effects include: You can apply CSS to create a Play Button overlay in many instances, however I find that utilizing the Image Cache Actions module provides a swift solution.