How to display embedded audio, video and other multimedia content in Posts Table Pro
The Posts Table Pro plugin is very popular for displaying embedded audio and video files, along with other multimedia content such as media playlists or image galleries. For example, you might want to include an MP3 music player or embedded YouTube/Vimeo videos directly in the table, so that people can watch and listen without having to click to another page.
Posts Table Pro fully support multimedia embeds. You can see this in action on our multimedia demo page.
This article will tell you how to add embedded media files to your tables.
1. Choose where to add your embedded audio/video/multimedia files
There are two ways to add embedded media players to Posts Table Pro:
- Upload the media files to the WordPress Media Library and display them directly in the tableThis is the quickest option as you don't need to create a post (or custom post type) to store information about the media file. However, it's more limited because you have less control over the information that you can display in the table. For instructions, see our separate article about listing WordPress media files directly.
- Create a post (or a custom post type) and embed the media file in itThis option involves either adding an embedded media player to a normal WordPress page or post, or to a dedicated custom post type such as 'Audio' or 'Video'. You then display the pages/posts/custom posts in a table, complete with a column for your embedded media players. See below for instructions.
2. Add your audio or video embeds
- First, you need to decide whether you will be displaying WordPress pages, posts, or a custom post type in the table. If you want to display blog posts with media players then we recommend using posts, otherwise it's best to create a dedicated custom post type such as 'Audio'. This will add a separate section to the admin where you can add the media files and other information about them. You can easily create a custom post type with our free Easy Post Types and Fields plugin.
- Next, choose which column to display the embedded audio or media players. You can add them to any text-based column in the table, such as the main content, a 'Shortcode' or 'Paragraph' Gutenberg block, or a text or WYSIWYG custom field.
- Now, you need to add the embedded audio or video file for each post that you wish to display in the table. Go to edit the post and add an embedded audio or video file (or other type of multimedia content) to the appropriate place. Some tips:
- If you are using the Gutenberg editor then you can use an Audio or Video block.
- If you are using the classic WordPress editor and wish to host the audio/video in your WordPress Media Library, then you can click the 'Add Media' button and upload it directly. WordPress will automatically embed it as a fully functional media player using the built-in Audio or Video shortcodes, or the Playlist shortcode if you are creating a playlist. This is a good way to display audio files, but we recommend using a third party hosting service (e.g. YouTube or Vimeo) for video due to the larger file sizes and the need for cross-compatibility on all devices.
- If your multimedia files are hosted externally then you can use any of the embeds that are supported in WordPress.
- You might also be able to use multimedia shortcodes provided by another plugin, although you will need to check the Posts Table Pro compatibility list to see if they will work correctly in the table. The tutorials listed at the end of this article also mention some compatible third party plugins, for example if you want to add more eye-catching audio players to replace the default music player.
3. Enable the 'Shortcodes' option
Enable the Shortcodes option in Posts Table Pro. This tells the plugin to display the embedded multimedia content correctly, instead of as plain text.
4. Create and view the table
Create a table. Make sure you include the column containing your audio/video embeds.
View the table and make sure the embedded media players are working correctly.
You may also be interested in our tutorials about creating multimedia tables with Posts Table Pro:
- How to Create a WordPress Audio library
- Tutorial: How to Create a WordPress Video Gallery
- How to Use the Posts Table Pro WordPress Audio Playlist Plugin
- Podcast Hosting with WordPress: Your Advanced Guide
We also have an article on how to add extra fields to your posts, which you can use to store the embedded audio and media players.