How to Embed HOA Videos on Your Website
Adding videos you work so hard to create to your website lets visitors watch them on your site and then they will hopefully look around and find other things on your website that interest them. If you’ve wondered how to embed HOA videos on your website, then you’ve come to the right place, keep reading for the details.
When we Host a Hangout on Air (HOA) broadcast, the broadcast will automatically turn into a YouTube video. This article will help you learn how to take that HOA YouTube video and embed it on your own site. It is possible to even add the HOA video onto your website before your HOA broadcast begins as pictured below. In essence you are displaying a video on your site that doesn’t ‘exist yet’, but when someone visits your page and clicks the video’s play arrow, they will see a countdown timer and text telling them that the show is ‘coming soon’ or to ‘please stand by’.
What Will They See?
Visitors to your site will see a video player and a play arrow to press. If they arrive to watch the video before the HOA broadcast has begun, then they see the countdown timer as mentioned above. If they arrive during the HOA broadcast time, then they get to see the live streaming broadcast. And finally, if they arrive to view the embedded HOA Video on your site after the broadcast has ended, they get to watch the recorded video of the broadcast.
Where to find the Embed Code for the HOA video
Depending on how you initially setup the HOA broadcast, the process of finding the HOA video’s embed code will vary. If you started it via the Google+ Hangouts menu, you’ve used the Scheduled HOA Event tool and getting the embed code from there is pretty easy.
If you started building your HOA broadcast from the YouTube Live Event Manager (the more manual way) then there are a few more steps to finding the embed code of the video but it is not that hard if you know where to look.
Embed Code from a SHOAE
SHOAE is an acronym for Scheduled Hangout on Air Event. When you build your HOA using a SHOAE then the HOA video is automagically included on the Event page, but we want to get the same video embedded on our website, so go to the SHOAE landing page and look at the “Details” area. On the right side of that area is a thing called “Links”. Click that and you’ll see 3 different fields as pictured below. The Event page’s URL, the YouTube video link, and the HOA Video’s embed code.
Copy the HOA video’s embed code and paste it into your site’s editor area and you’re done with the HOA video embed part.
Embed Code from a HOA video started via YouTube Live Event manager
If you built your HOA from within the YouTube Live Event manager, then you need to get the YouTube video URL to start the process. Yes, they could have made it easier but they didn’t. The Title of the HOA ‘event’ is the link to the video. Click on the title and you’ll end up on the YouTube Watch page for that HOA video. You can also right-click on the title and copy the URL from there, but either way you get there, you want to land on the YouTube Watch Page for the HOA video.
After you’ve landed on the YouTube Watch Page (1), scroll to the area below the video player and click on the (2) “Share” area. Then click on the “Embed” word (3) and you’ll see the embed code you can copy and paste into your site’s editor.
A Faster Way for Future HOA Embeds
After you’ve created one HOA video embed on your site, you can copy that code to another page and just make one small edit to end up with the new embed code for another HOA video.
There is a unique set of 11 characters for every YouTube video. It is part of the embed code as well as part of the YouTube video link. Find it at the end of the Video’s URL or as part of the ‘full embed code’, copy it and replace the prior video embed code’s unique characters.
Take a look at the graphic above that shows the code and look at the highlighted characters. That’s the unique code you can copy and paste moving forward.
HOA Video Embed Code Summary
So now you know how to find the embed code for your HOA Videos from YouTube and use that code for your website. You also know what to edit in the code for the next time you want to show a different HOA video embedded on your site.
To be sure you get the best possible quality with your HOA videos, you’ll want to be sure you have a firm grasp of the foundations for running hangouts and Hangouts on Air (HOA). This site offers step-by-step online training so you can focus on your message instead of the technology when doing all your hangout activity. Click here for the tour of what we offer.
AllAboutHangouts.com – Training You for Hangout Success!