buto.tv Industrial-strength web video for every organisation Will Grant | Technology Director Steffan Aquarone | Business Development Director
How to make your video clickable Transcript from online seminar 13/09/10 <ul><li>Thanks for joining us everyone; we’re excited to be here at the first ever demonstration of Buto’s clickable video feature, brought to you today on launch day, after a long weekend of system migration. </li></ul><ul><li>The team has been developing and testing clickable video for a few months now and we hope we’ve come up with something you’ll enjoy – the world’s first clickable video system that anyone can use. </li></ul>
<ul><li>You may have seen the little animation video on our http://get.buto.tv homepage: several items in this video are already clickable, but we’re going to add another. </li></ul><ul><li>At 20 seconds in, items in the video such as Becky’s computer, her cocktail dresses and her CDs become clickable. We’re going to make the eggs in her fridge clickable too. </li></ul>
<ul><li>The first thing we need to do is create an in-video ad. From the video details page, click ‘in-video adverts’. These are what will appear in the player when a region is clicked. </li></ul>
We can choose a title, description, link text and link URL, and even an image if we want.
<ul><li>Next go to ‘Clickable Regions’ on the left hand side of the video details page. </li></ul>There’s already a group of clickable regions we’ve created called ‘Public site hotspots’ which we’re going to add to now.
<ul><li>This is the Regions editor. It’s where you go to set up all the clickable regions in a video. First we’re going to click ‘Add new hotspot’, and give it a name. </li></ul>
<ul><li>Next, we’re going to play the video (or scrub along the time line) until the point where the eggs first appear, and click them. We can resize the region that’s appeared until it’s the size of the area we want to make clickable. </li></ul>
<ul><li>Now we’re going to play until the last point where the eggs are and click again. If the object moves around much, you can set other hotspots at key points in its path. </li></ul>
<ul><li>You can go back and adjust the position and size of the hotspots by moving along the timeline and clicking to adjust them. </li></ul><ul><li>Now choose the in-video advert that you want to appear when the region is clicked (we’re choosing the ‘Eggs’ ad we created earlier) and click ‘Save’ then ‘Finished’ when you’re done. </li></ul><ul><li>When the video is played, Buto will create a clickable area that follows the object, resizing when necessary. </li></ul>
<ul><li>You’re clickable video is nearly ready! This one’s already embedded in our website, and already updated. But if it’s the first time you’ve added clickable to a video, you’ll need to go to the video publish to switch on clickable ads. </li></ul><ul><li>Click ‘Edit’ beside the publish that you want to add clickable video to (in most cases this will be the Default Publish) </li></ul><ul><li>Click ‘Advert options’ , select ‘Clickable Regions’ under ‘In-Video adverts’ then choose the Clickable Regions group you want to apply and click ‘Save’. </li></ul>
<ul><li>Now if we go to watch the video and click on the eggs, the video will pause and the in-video advert for eggs will appear. </li></ul><ul><li>As a viewer I can choose to click straight through to the linked page (remember this could be a command to your e-commerce system to ‘drop in basket’ or anything you like). </li></ul>
<ul><li>At the end of the video I’ll be taken to this list anyway, so I can choose what to do next with all the different things I’ve clicked on. </li></ul><ul><li>If I close the ad, the pointer icon on the bottom of the toolbar will flash to tell me I can check back on all the hotspots I’ve clicked at any time. </li></ul>
<ul><li>You can try clickable video yourself with a free 30- day trial account, just: </li></ul><ul><ul><li>Visit our website: http://get.buto.tv </li></ul></ul><ul><ul><li>Call us on 0121 224 8265 </li></ul></ul><ul><ul><li>Email us on [email_address] </li></ul></ul><ul><li>Thanks for reading! </li></ul>