{"id":23184,"date":"2025-08-26T12:55:07","date_gmt":"2025-08-26T12:55:07","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=23184"},"modified":"2025-08-26T12:58:07","modified_gmt":"2025-08-26T12:58:07","slug":"jetengine-how-to-display-a-video-in-listing-template-for-repeater-field","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-display-a-video-in-listing-template-for-repeater-field\/","title":{"rendered":"How to Display a Video in a Listing Template for a Repeater Field"},"content":{"rendered":"\n

If each of your custom posts contains a list of videos, you can display them using the JetEngine<\/em> Listing Grid<\/strong><\/a>. This is achieved by leveraging the Dynamic Field<\/strong> in combination with a \u201cRepeater<\/a>\u201d meta field-based Listing<\/strong><\/a>. Below is a detailed breakdown of the implementation process.<\/p>\n\n\n\n

Backend Preparations<\/h2>\n\n\n\n
\n

Create a Repeater meta field<\/h3>\n\n\n\n

You can create a \u201cRepeater\u201d custom field in two ways. The first one is to add it via the Meta Box<\/strong><\/a> to post types, taxonomies, users, or WooCommerce<\/em> products.<\/p>\n\n\n\n

The second one is to add a \u201cRepeater\u201d meta field directly to a Custom Post Type<\/strong><\/a>.<\/p>\n\n\n\n

For example, we proceed to the WordPress Dashboard > JetEngine > Post Types <\/em><\/strong>and edit the \u201cJetPlugins tutorials\u201d CPT<\/strong>.<\/p>\n\n\n\n

Then, we scroll down to the Meta fields <\/strong>tab and press the \u201cNew Meta Field<\/strong>\u201d button. We fill in the Label <\/strong>and Name\/ID<\/strong>, and select the \u201cRepeater\u201d Field type<\/strong>.<\/p>\n\n\n\n

Next, we click the \u201cNew Repeater Field<\/strong>\u201d button. We fill in the Label <\/strong>and Name<\/strong> and choose the \u201cText\u201d Type<\/strong>. In the following step, we\u2019ll be able to add YouTube video URLs to this \u201cText\u201d field. These URLs will later be embedded and displayed within a listing.<\/p>\n\n\n\n

After that, you can add as many fields to the \u201cRepeater\u201d as required and save the CPT<\/strong> by clicking the \u201cAdd\/Update PostType<\/strong>\u201d button.<\/p>\n\n\n\n

\"text<\/a><\/div>\n\n\n\n

Complete Repeater fields within posts<\/h3>\n\n\n\n

Now edit each of your posts in your CPT<\/strong>, and paste the links to the videos into the \u201cRepeater\u201d fields.<\/p>\n\n\n\n

\"video<\/a><\/div>\n<\/div><\/div>\n\n\n\n

Managing the Listing Template<\/h2>\n\n\n\n
\n

New Listing for Repeater source<\/h3>\n\n\n\n

Go to WordPress Dashboard > JetEngine > Listings\/Components <\/em><\/strong>and hit the <\/strong>\u201cAdd New Item<\/strong>\u201d button.<\/p>\n\n\n\n

We select the \u201cRepeater Field\u201d <\/strong>as the Listing source<\/strong> and adjust the next parameters:<\/p>\n\n\n\n

\"repeater<\/a><\/div>\n\n\n\n