How to Embed Live Streaming Video on Your Website

embed streaming video

Thanks to constant developments in video creation and streaming technology, creating and sharing videos is now easier than ever. Recent years have brought an increase in the popularity of video sharing across hundreds of different platforms. 

This means that more people are sharing live and on-demand videos regularly. Knowing how to broadcast live and embed live streaming video on your website is also becoming increasingly important for all kinds of broadcasters.

The same goes for on-demand video content. Whether it is for your business website or your personal blog, knowing how to embed live streaming content is key to producing successful virtual events, increasing website traffic, or simply gaining exposure for the content.

We’ve designed this guide to give you some insight as to what video embedding is and how you can embed videos to integrate live streaming on your website with Dacast.

Due to the recent release of the Dacast Unified Video Platform combining streaming and on demand content delivery, this post reflects the most accurate information as of November 2020.

Table of Contents

  • What is Video Embedding?
  • How does Video Embedding Work?
  • How to Embed Live Streaming Video on Your Website
  • Embed Streaming Video with Dacast
  • Adding Video to Social Media
  • Embedding Video for Mobile Devices and Desktops
  • Embed Videos on Online Website Builders
  • Conclusion

What is Video Embedding?

what is video embedding?
Embedding videos from a hosting platform as opposed to Youtube or another free streaming service gives you more control over your content.

Video embedding is the process of adding a video player to your website using an online video platform. For many website building or social media platforms, it is as simple as copy and pasting a link.

You can use free tools like Youtube, but these come with limitations.

Using professional video hosting platforms gives you much more control over your content. You own the content so you can white-label (or remove the host’s branding). You also don’t have to worry about following any of Youtube’s strict guidelines or about your content being deleted without your permission.

Video embedding is fairly easy as long as your website design is compatible with the type of streaming you want to set up.

How Does Video Embedding Work?

Video embedding works by adding an embed code from your video hosting platform to the code of your website. It allows you to integrate live streaming on your website.

Dacast’s video hosting software generates two types of embed codes:

  1. iFrame
  2. JavaScript JS embed code

Which one you choose depends on the site where you will upload it.

Once you have the code, you paste it into the designated spot on your website building platform or in your website’s custom code.

How to Embed Live Streaming Video on Your Website

Embed Streaming Video
Embedding videos on your site can be done without any proficiency in coding.

There are 3 essential steps to embed video content on your site:

  1. Identifying the correct embed and sharing methods
  2. Copying an embed code
  3. Pasting it in the right place.

Each video hosting platform and website building tool will vary a little bit in regards to how to really make those 3 essential steps happen, but it is not typically hard.

Most website hosting platforms will require you to use a third-party video hosting platform like ours. 

Once you’ve uploaded your video to Dacast and have your website ready to edit, there are a few other I’s to dot and T’s to cross.

Top 4 Video Embed Methods

We’re going to take a look at 4 varying ways to embed a video on a website, including video embed on our platform, embedding a video for mobile devices and desktops, adding video to social media, and embedding videos on online website builder platforms.

1. Embed Streaming Video with Dacast

Platforms like Dacast give you the option to manually embed live stream content on your website by providing the embed codes that you need to make this possible.

Dacast makes it exceptionally easy for users to create embedded players on their sites and broadcast live video streams.

STEP 1: To get started, log in to your Dacast account. Find the video you want to embed and click the “Edit” button: embed stream - iframe.dacast STEP 2: Navigate to the “Sharing” section under the “General” tab and copy the “Embed Code”:  JavaScript (JS) embed code There are two types of embed codes available: JS (Javascript) and iframe.  We recommend using the JS embed code because it’s more universally compatible with the full-screen feature. The JS embed code is also a requirement in order for the URL referral restriction feature to work (which restricts content based on the websites allowed to host it). That said, the iframe embed code is more compatible with and/or required for some frameworks, including WordPress and WIX.

STEP 3: Once you have selected your embed code type, the last thing you have to do is insert it into your website. It will not look the same for everybody, but assuming you have access to edit at the HTML level it will look something like this: code You can change the width and height parameters, as well. The parts for the code that you must change to do this are highlighted in red above.

If you go to the “General” tab and navigate to “Sharing,” you will also see a “Share Link” option.

This is not an embed code but a link that will allow you to share directly with viewers or to your social networks. If you have any questions about video embed or need help with this Dacast feature, feel free to contact us directly.

2. Embedding Video for Mobile Devices and Desktops

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

With Dacast and most other video streaming platforms, broadcasters don’t have to worry about learning how to write the correct embed code because the software generates a code for you. 

You can copy and paste the iFrame or JS embed code directly into the HTML of your website. This method works well for both mobile and desktop sites. This is definitely a perk because 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 has never supported—and likely will never support— Flash technology. 

Steve Jobs released a public statement about the technical flaws of Flash Media Player. He noted these flaws as the reason why he didn’t use Flash for Apple’s iOS. This announcement created controversy and heavy speculation. There were many theories about Jobs’s motivations. However, shortly thereafter, Apple launched the HTTP Live Streaming Protocol to coincide with the debut of the iPhone 3.

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 and other live streaming platforms now integrate HTML5 into our embed codes. This feature helps you to create embedded players with compatibility across most devices.

3. 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.

4. Embed Videos on Online Website Builders

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

If you are using a drag and drop website builder, you can embed videos on your website quite easily. Embedding videos on platforms like Wix, Weebly, WordPress, or Yola only takes a few steps.

Here are step-by-step instructions for creating embedded players on a few of the most popular website building platforms.

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 plugins and upgrades for further customization.

Wix is a website building platform that is used by many people who take a DIY approach to create their website.

You can embed a video on your Wix site with just a few simple steps.

  1. Click the Wix App Market icon on the left side of the editor
  2. In the app search, type “HTML embed”
  3. Click “Add to Site”
  4. Click on the HTML app 
  5. From the pop-up menu, click “Settings
  6. Under “Mode” choose “HTML Code”
  7. Under “HTML/Embed Code,” paste the code that you generated on Dacast
  8. Click “Update”

Take a look at the published site to make sure everything looks how it is supposed to.

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 is ideal. Copy it to your clipboard.

Once you have copied the embed code from Dacast. Drag and drop an “Embed Code” element to the place where you’d like your video to be. Click inside the Embed Code space and paste your code.

If the video doesn’t show up in the editor, don’t worry. Try hit publish, and it should show up for you.

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.

WordPress has recently updated its platform, so embedding a video is as easy as ever.

Here’s what you’ve got to do:

  1. Copy your embed code from Dacast
  2. Open the page or post where you want to add the video
  3. Click the plus sign in the top left corner
  4. Search for “Video” in the element menu
  5. Drag and drop the video element where you’d like the video to be
  6. Click the three dots at the top of the element and click “Edit as HTML”
  7. Paste your embed code
  8. Click “Update”

In order to add videos to the old version of WordPress, you would need to switch from “Visual Editor” to “HTML Editor” and paste the embed code.

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.
  2. Go to site builder, then click “Widget”  
  3. Select “Popular”
  4. Drag and drop the “HTML code” widget onto your page
  5. Paste your code in the HTML editor 
  6. Click “Save”

It’s always a good idea to preview the published page to make sure everything will look okay for your viewers.

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 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
  2. Locate the page where you want to embed the video
  3. Click “Edit Page” 
  4. Place your cursor where you want the video
  5. Go to “Insert Menus”
  6. Click on “More Gadgets” 
  7. Now select “Featured” and then find the “Embed Gadget”
  8. Once you’ve selected the “Embed Gadget,” paste the embed code
  9. Click “OK” to save your page

That’s all you’ve got to do. 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?

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 and paste into your website’s editing platform. Most online website creators will have unique ways of embedding videos onto your website, but if you follow the instructions we’ve provided, it is easy to figure out.

Now that you’ve learned about how to use Dacast’s streaming solution for embedding live stream and on-demand video content onto your website and social media pages, it’s time to show off your content. 

When you use Dacast to host your video content, generating embed codes, and adding your videos to your site will be a breeze.

 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 top-tier CDN content delivery to viewers, we’ve got you covered!


13 thoughts on “How to Embed Live Streaming Video on Your Website

  1. Pingback: Lessons From Live Event Streaming Failures

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

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

  4. Pingback: Tutorial: Dacast’s Live Video Streaming Playlist - Dacast

  5. Pingback: Tutorial: How to create video streaming packages - Dacast

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

    • Maciek says:

      Thank you for your interest in Dacast’s Streaming Solutions. Please contact our Customer Support team at this link and someone will be more than happy to assist you. Have a great day!

  7. Alfred says:

    Is dacast a private company what are requirements to hand over personal information or do they sell your information to other companies ?

    • Harmonie Duhamel says:

      Hi Alfred, Dacast is an online video platform that allows businesses to broadcast and host video content as well as offer free or paid programming. We never sell or give our customers’ information to anyone. Let me know if you have any other questions. Have a great day!


    Thanks for the information from this site about dacast, but have a website off which will be offering video contents which its links will have to be embeded in each webpages of my website, i want the clients to restricted from simple dowloading of the video, they should only view the video from my website only and nothing else. I want to how does it cost to host these videos of my website to dacast. I expect to start with approximately 100 videos of which each video will take not less than an hour and not more than 90minutes. Then I will keep adding more videos as per demand from my customers

Leave a Reply

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