How to Embed Live Video Stream to Your Website

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 embed live stream on 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 traffic by 2021.”

How to Embed Live Stream & On-Demand 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.

embed live streamIn 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

Stream Publish Settings

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

Please note that broadcasters can choose to embed using either Java Script or iFrame formats. In the case of iFrame, it grabs the element directly from DaCast.com. 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 Mobiles and Desktops

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.

embed live stream

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 smart phones, 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 technological flaws of Flash. He noted these flaws as the reason why he didn’t use Flash for Apple’s iOS. This announcement created a 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

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.

embed live stream

Male Finger is Touching Facebook App on iPhone 6 Screen

You can share one of this identical share code 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 in the Facebook platform. Therefore, if you want to live stream directly in the Facebook platform, please check out this tutorial, working with all encoders supporting multi destination streaming.

Online Website Creators

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

Wix:

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.

Weebly:

embed live streamTo 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.

WordPress:

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.

Yola:

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 SITEBUILDER, 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.

Google Sites

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 you wish to embed.

2. Locate the page and place 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.

Conclusion

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.

embed live streamHere 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!

YES, SIGN ME UP

Thanks for reading, and good luck with your broadcasts.

By Nick Small.

9 thoughts on “How to Embed Live Video Stream 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 *