How to Embed Multiple Video Players Into the Same Webpage

Want more than one video player on the same page? Here’s how to do it.

First, follow our web-video guide to publish your first player, and save its output files in their own folder (for example, “player1”). Then repeat the process for your second video, saving its output into a separate folder (“player2”), and so on for any additional players.

Open the HTML file for your second player and copy the embed code out of it. Paste that code into the HTML file for your first player, in the spot on the page where you’d like the second player to appear — just be sure to update any file paths so they point to the correct output folder for each player.

Finally, upload both output folders to your website’s root directory. Once everything is uploaded, both players will appear together on the same page. Repeat these steps for any additional players you’d like to add.