How to Embed Streaming Video to Your Website

embed streaming video iframe code

Thanks to digital cameras, mobile phones and easy to use editing programs, creating and sharing videos is now easier than ever. Recent years have seen an increase of video-sharing across hundreds of different platforms. This, in turn, means that more people are sharing live and on-demand videos regularly. Knowing how to stream live video and embedding streaming video to your site is becoming increasingly vital for all kinds of broadcasters.

The same goes for on-demand video content. Whether via social media, online website creators, and personal blogs/websites, knowing how to embed live streaming content is key to producing successful events, increasing traffic, or simply gaining exposure for the content.

Videos allow you to increase engagement, attract viewers, and share information more effectively than with text. According to a 2017 Business Insider report, “Video will account for an overwhelming majority of internet traffic by 2021.” Experts predict that video will continue to gain popularity as the preferred medium for sharing content. A Tubular Insights report predicts that “video will account for 70% of all mobile traffic by 2021.”

How to Embed Streaming Video & On-Demand Content

Embed Streaming Video
Embedding videos from a hosting platform as opposed to Youtube or another free streaming service gives you more control over your content.

As the stats above highlight, now is an ideal time to learn how to embed live stream video content to your website. That said, let’s take a look at some common ways to make this happen.

In this article, we’ll take a look at six methods to embed live stream content, including:

  • Stream Publish Settings
  • Embedding Video for Mobiles and Desktops
  • Adding Video to Social Media
  • Online Website Creators (Wix, Weebly, or Yola)
  • Google Sites

Live Stream Publishing Settings

Live Streaming Platforms
Check your live stream publishing settings to make sure you’ve enabled any restrictions or security features that you prefer.

First up is the option to manually embed live stream content via your online video platform. Most video streaming solutions provide embed codes that allow broadcasters to post videos on their websites. Dacast makes it exceptionally easy for users broadcasting live video streams. To find the code to embed live stream and video-on-demand content, simply click PUBLISH SETTINGS from any of your video content (shown below).

embed live stream settings
Dacast makes it very simple to publish your videos on your website.

Please note that broadcasters can choose to embed using either JavaScript or iFrame formats. In the case of iFrame, it grabs the element directly from This is important to remember if you decide to apply the optional restriction features on the embed. If you do so, these features will not work with the IFrame.

Embedding Video for Mobile Devices and Desktops

embed video for mobile
Creating content that is compatible with all types of devices is important.

Next up, let’s consider the option to embed live stream content over both mobile devices and desktops. With Dacast and most video streaming platforms, broadcasters don’t need to worry about having the right embed code. Instead, you can copy-paste the iFrame/js (Java Script) embed code directly into the HTML of your website. This method works well over mobile devices and desktops.

Watching videos on mobile devices has a rocky history. For many years, Adobe’s Flash Media Player was the standard for playing videos. This trend shifted with the advent of smartphones, specifically the iPhone, in 2007. Apple’s iOS operating system does not support Flash technology. In 2010, Apple Co-founder Steve Jobs came out publicly with a statement about the technical flaws of Flash. He noted these flaws as the reason why he didn’t use Flash for Apple’s iOS. This announcement created controversy and heavy speculation, and there were many theories as to Jobs’ motivations.

Nevertheless, Flash has been on the decline ever since, especially for mobile operating systems. A few years later, Android followed suit by ditching Adobe Flash as well.

As a result, Dacast (among other live streaming platforms) now integrates HTML5 into our embed codes. This feature helps to ensure compatibility over multiple devices.

Adding Video to Social Media

live video streaming
Embedding videos to social media sites can be done without any proficiency in coding, as the iFrame code is provided for you.

The ability to embed live stream content onto social media is vital in today’s world. With the likes of Facebook and Twitter, to name only two, people both watch and stream videos that can reach broad audiences. Despite its live streaming limitations, social media is considered a tried-and-true way to gain viewers and grow a following for your broadcasts.

You can share one of these identical share codes on Facebook and Twitter in order to give access to your live broadcast or video-on-demand. You can locate this code in the PUBLISH SETTINGS section of your video content.

Please note that Facebook has been restricting its option to live stream directly on the Facebook platform. Therefore, if you want to live stream directly on the Facebook platform, please check out this tutorial, working with all encoders supporting multi-destination streaming.

Online Website Creators

social media streaming
Wix, Weebly, WordPress and other similar website hosts make embedding videos a breeze.

Do you use content management systems (CMS) like Wix, Weebly, WordPress or Yola to set up your website? If so, embedding live stream video content is not too difficult to master.

1. Wix:

Embed Streaming Video to wix cms
Wix is one of the most basic drag and drop website building platforms, but you can get plug ins and upgrades for further customization.

From the left side of the editor: Click the Wix App Market icon –> In the app search, type “HTML embed”, then click ‘Add to Site’ –> Click on the HTML app to select it –> From the pop-up menu, click setting –> Under ‘Mode’ choose HTML Code –> Under ‘HTML/Embed Code’, paste the code –> Click Update.

2. Weebly:

Embed Streaming Video to weebly cms
Weebly makes embedding videos quite simple.

To embed on Weebly, all you need is the embed code for the content you want to post onto the site. The Dacast iFrame embed code would work perfectly here. Once you have the embed code, click inside the EMBED CODE element to paste it in place.

If the video doesn’t show up in the editor, don’t worry. Simply try publishing it and it should show up there live.

3. WordPress:

Embed Streaming Video to wordpress cms
WordPress is among the most popular website building platforms since it offers packages for everybody from a basic blogger to eCommerce moguls.

Once in your WordPress account, click on the page where you want to embed your live stream, select the “Text” mode (and not the visual mode) and just copy-paste the Dacast js embed code. Then click Update.

4. Yola:

Embed Streaming Video to yola cms
Yola is known for their excellent customer support, so if you have trouble embedding on their platform, they will walk you through it.

On Yola, you can add videos to your website from other video-sharing sites. With your Dacast embed code, follow these steps.

1. Copy the code provided. Go to site builder, then Widget > Popular.

2. Drag and drop the ‘HTML code’ widget onto your page.

3. The HTML editor will open up and you can paste your code.

4. Click SAVE and your video will show up on your page.

5. Google Sites

Embed Streaming Video to google suite website builder
Google Sites is quite convenient if you are working on your site with other members of your team.

Google Sites website builder is part of the Google app tool suite. It’s a free service that allows you to create your own website. The service was created to allow groups of individuals to create and edit a website together from different locations. To embed on your Google Sites page, follow these steps:

1. Copy the Dacast embed code for the video you wish to embed.

2. Locate the page and place it on the page you want to embed the video. (For example, the lower right table of the webpage)

3. Click EDIT PAGE and place your cursor where you want the video.

4. Go to INSERT MENU and click on MORE GADGETS.

5. Now select FEATURED and then find the EMBED GADGET.

6. Once you’ve selected the EMBED GADGET, paste the embed code from the first step into the space provided.

7. Click OK to save your page.

That’s all! Now you’ll have the video embedded straight onto your Google Sites website for viewers to see.


stream live video to your website
Are you ready to embed streaming video on your website?

To recap, it’s fairly simple to stream live video on your website, whether you’re tech-savvy or brand new to live streaming technology.

Here at Dacast, we provide embed codes that are easy to copy-paste following the instructions above, making the whole process simple and effective. Social media is a great way to gain viewership on your videos and acquire fans and followers. Dacast provides a Facebook share code that works for embedding videos on Twitter as well. Most online website creators will have unique ways of embedding videos onto your website.

Now that you’ve learned about streaming solutions for embedding live stream and on-demand video content onto your website and social media pages, it’s time to show off your content. Have questions or feedback about this article and topic? We’d love to hear from you in the comment section below! For exclusive offers and regular live streaming tips, join our LinkedIn group.

Interested in giving Dacast a try? Why not take advantage of our free 30-day trial (no credit card required). From secure video upload of your valuable content to reliable Akamai CDN content delivery to viewers, we’ve got you covered! And our advanced video platform even supports China video hosting for your VOD content. You can try out all the Dacast features for yourself to see if it’s a good fit for you!


Thanks for reading, and good luck with your broadcasts.

9 thoughts on “How to Embed Streaming Video to Your Website

  1. Pingback: Lessons From Live Event Streaming Failures

  2. Pingback: How To Set Up Your Own Live Animal Cam

  3. Pingback: luottoa

  4. Pingback: Stream Live Video from iPhone and iPad: Broadcast Me

  5. Pingback: Tutorial: DaCast’s Live Video Streaming Playlist - DaCast

  6. Pingback: Tutorial: How to create video streaming packages - DaCast

  7. Pingback: Google

  8. Pingback: Walkthrough: Set a Unique Subscription for Live Streaming and VOD with DaCast - DaCast

Leave a Reply

Your email address will not be published. Required fields are marked *