How To Embed Livestreamed Video on Your Site

Ever since Periscope and Meerkat arrived a year-and-a-half ago, livestreaming has become an essential tool for web marketers. Twitch has revolutionized eSports over the same period, while both YouTube and Facebook have introduced livestreaming options of their own. A new service called Blab rounds out the list by making it easy to host a virtual talk show live on the web. Why use these tools? In an Eloqua survey, 46 percent of people said they would be more likely to investigate a product or service after seeing it in an online video.
So how can you use livestreamed video on your website?

Let's say you want to comment on the EU Challenge for the popular online multiplayer game League of Legends. Recent broadcasts of the qualifying rounds are easily found.

Follow these three steps to embed this sort of livestreamed video at your Weebly site:

  • Step 1: Visit the service where the video you're interested in is hosted. In this case, Twitch livestreams shows from Riot Games and a number of other publishers.
  • Step 2: Navigate to the "share" button placed below the video. Click and scan the selections, choosing the option that reads "embed." Copy that code to your computer's clipboard.
  • Step 3: Create a new page or blog entry on your site. Select the Embed Code element and drop it where you want. When asked to "click to add HTML," do so, and then cut and paste the code within. It should look similar to what you see highlighted in the box above. Your video will render upon saving. Check for errors and hit publish.

We hope this tutorial helps you better use live video throughout your website, store or blog. Have other ideas? Feel free to share your thoughts with us directly in the comments.

Ready to start livesteaming on your website? Sign up or log in to get started today!