![import Invalid post type essential grid import Invalid post type essential grid](https://i.stack.imgur.com/0oj40.png)
Now your video will have controls available: Self Hosted Media Then look for the Media Playback subsection, and switch Use Controls Inline to Enable: Note that by default Vimeo videos don’t have any inline controls, so in order to allow visitors to play the video you may also wish to switch into the Grid Settings tab: Your grid should now have a Vimeo video displaying within it: In the Media Source panel, check the box labelled Vimeo Video, and optionally the box labelled Vimeo Thumbnail: Now we have to add a new media source, just as we did when adding YouTube video.
![import Invalid post type essential grid import Invalid post type essential grid](https://www.elegantthemes.com/blog/wp-content/uploads/2018/10/022-Essential-Grid.png)
Go to the page of the video you want to use and in the browser copy the series of digits that appear after /Īfter clicking one of the buttons to add a new Vimeo video, paste the video’s ID into the Vimeo ID field of the Add Element pop-up, then click the Add Element button: Once again, the first step is to get the ID of the video you want to display. The Vimeo item type is almost exactly the same as the YouTube item type only, as you would expect, you can use it to display a single Vimeo video. In case there might be multiple possible media sources available for a given grid item, you can set which should be preferred by dragging and dropping checked media sources to change their order in the stack:Įssential Grid will first try to display whichever media source is at the top of the stack, then if nothing is found it will look for the second preference, then the third, and so on. Now your YouTube videos will appear in your grid:Īdditionally, if you wish, you can also look under the Optional Audio/Video Image Order column and check the YouTube Thumbnail box to fetch the video’s thumbnail image. So to make your YouTube videos appear, scroll up to the Media Source panel, look in the Item Media Source Order column, and tick the box labelled YouTube video: So when we want to add additional types of media we need to enable those extra types. featured images, YouTube videos, HTML5 videos, iFrames, and so on.īy default in a newly created grid, the only type of media that is allowed is a featured image. Media Sources are the types of media that are allowed to appear in a grid, e.g. The reason for this is because a little extra configuration is needed of what we call Media Sources. Instead you’ll see either an empty space, or a thumbnail if you’ve set one: Then click the purple Add Element button at the bottom right: Adding Media Source TypesĪfter adding a YouTube video item, by default you won’t actually see the video if you preview your grid or add it to a page. Optionally, click the Choose Image button to browse for and set a custom thumbnail image to appear in the grid: Then, after adding a YouTube item to your grid, insert that ID into its YouTube ID field: The easiest way to do this is usually to visit a YouTube video in a browser, and then copy the string of characters that appears in the URL bar after watch?v= To add a YouTube video first find its ID. The YouTube item type allows you to insert a specific video from YouTube. Now that you know how to add grid items, let’s have a look at each of the seven types of content and how to configure them. If you’re not sure which of these buttons is which, the icon on each matches the corresponding icon in the Add Items panel, so you can look at those for reference: Custom Grid Content Types Click one of those buttons to add a new item: The second way to add an item is to hover over the gray square/rectangle you see at the end of your grid preview:Ī purple overlay will appear labelled “CHOOSE YOUR ITEM”, with a button for each of the seven content items. We’ll cover how to configure each type of content item in just a moment.Īfter you configure and add your item you’ll see it appear in the grid preview below: The first is to click any one of the seven buttons in the Add Items panel:Ī dialogue box labelled Add Element will appear, where you can configure your content item. There are two ways you can add items to a custom grid. Let’s first take a look at how to add items to your custom grid, and then check out how to use each of the seven types of content. Those types are YouTube, Vimeo, Self Hosted Media, Image(s), Sound Cloud, Simple Content, and Blank Item. Once you’ve made this selection, if you scroll down to the Add Items panel you will see seven buttons, each representing one of the types of content you can use in a custom grid: To begin, go to the Source panel and set the Based on option to Custom Grid (Editor Below): You can do this using the Custom Grid grid source type. Rather than your grid containing dynamic content from your site or social media, you may instead wish to specifically select each individual item that appears. Using Individually Selected Content Items Using Individually Selected Content Items.