

All we did is configure views to display the preview view mode and Media module did the rest.īut what if you want to change the size of the thumbnail? Luckily Media module makes it easy to change everything within a view mode.ġ. The section above, shows you how easy it is to display a video thumbnail. Now if you look at the views preview, you should see resized images of the video thumbnails. Select “Rendered file” from the Formatter drop-down list and then select Preview from the “View mode” drop-down list.

Click on Add within the Fields field-set and select the Video field.Ĥ. Fill out the “Add new view” form using the values defined in Table 1.1 and click on “Continue & edit”.Ĭontent of type Article sorted by Newest firstģ.

Go to Structure -> Views and click on “Add new view”.Ģ. The only work left for us to do, is create a listing page that will display the “Preview” view mode of the video.ġ. At this point, we have a video field and some test content. Now we’re ready to create our views listing page. Now we need to create some test content, for this tutorial I used the following two videos: Once you have checked the right checkboxes click on Save settings.Īt this point, we have a video field on the Article content type. On the video field edit page: check the Video checkbox within the “Allowed remote media types” list and check both “vimeo:// (Vimeo videos)” and “youtube:// (YouTube videos)” within the “Allowed URI schemes” list. Create a video field using the values defined in Table 1.0.ģ. Go to Structure -> “Content types” and click on “manage fields” within the Article row.Ģ. $ drush dl media media_youtube media_vimeo ctools viewsįirst we’ll create a field called “field_video” on the Article content type that’ll reference our YouTube or Vimeo video.ġ.

If you use Drush, run the following command: Getting Startedīefore we begin, download and install the following modules: Then, we’ll look at how to change the video “preview” view mode. In this tutorial, you’ll learn how to display a thumbnail for videos that are hosted on YouTube and Vimeo. Today I will discuss video handling, specifically how to display a video thumbnail. The Media module is great for managing media files such as images and videos on a Drupal website.
