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
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
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).
Embedding Video for Mobile Devices 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.
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
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
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.
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.
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.
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.
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
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.
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.