“What are those things at the bottom of my video management page?”
Beyond uploading & embedding it into your website there’s TONS more ways you can use your video throughout your business. There’s lots of really quite cool applications for it and the key to using many of these lies in your advanced video links.
You’ll find these links under each of your videos in your vzaar account. Let’s walk through what they are and what you can do with ‘em…
What is looks like: http://view.vzaar.com/xxxxxxx/thumb
What is does: Provides a teeny, tiny thumbnail image; 120px by 90px.
How to use it: Organising videos into a collection or gallery. Adding a large number of video players onto one page can mean it takes a long time to load. Instead, create a gallery of clickable thumbnails linking to the videos.
Why it’s useful: Well, aside from the benefit of shorter page loading times there links are particularly handy for two reasons…
- 1. Saves time: you don’t need to wait for images to upload to your CMS, all you need to do is input the thumbnail link inside some image tags and hey presto, your video will appear.
- 2. Dynamically updates: let’s say you decide to change your video’s poster frame, provided you’ve used this link in your CMS (as opposed to uploading a static image), your video gallery will update to match. No fuss, no muss.
The code: All you need to do is put this image link inside some some html image tags and then link this to your video. It’s that easy. For example, using this code:
Will give you this result:
2. Animated Thumbnail
What is looks like: http://view.vzaar.com/xxxxxxx/athumb
What it does: Like the standard thumbnail but funkier. This is a link to a GIF image, which shows a collection of frames from your video.
How to use it: Pretty much like the regular thumbnail image. The difference is that this thumbnail also provides a little preview of the video itself.
Why it’s useful: As with the regular thumbnail you’ll again save time and your video gallery will dynamically update, but the real benefit of using the animation is that it will help to attract attention to your video and should result in lots of lovely video views.
3. Poster Frame
What is looks like: http://view.vzaar.com/xxxxxxx/image
What it does: Provides a larger image, either matched to the video’s frame size or 768px across (whichever is bigger). Unlike the thumbnail images, this asset matches the video’s aspect ratio.
Why it’s useful: There’s a few different benefits depending on how you are using the poster frame link. Two common use cases are:
- For a video lightbox
Since you’re only adding an image to your web page, instead of the entire video you can speed up loading times (and this is great both for your user experience and to aid your SEO endeavours). Many people also find lightboxed videos really help to focus the viewer’s attention so they come in handy if you’ve got a particularly important message and you need to make sure it isn’t missed!
- Adding video to email
Including a video in your email can increase click through rates by 96% (GetResponse). The problem is that many email providers don’t support video because they simply make the email file size too big. Adding the poster frame link into the email and linking to wherever your video is embedded means you can get the extra clicks without running into difficulties.
What is looks like: http://view.vzaar.com/xxxxxxx/video
What it does: Links to the asset’s MP4 file, with an ‘inline’ content disposition.
How to use it: We’ve seen customers use this link for a lot of things in the past. These have included….
- Playing a vzaar video in a third party player
- Creating augmented reality applications
- Media based applications in iOS and Android
- To use within HTML5 video tags
Why it’s useful: Put simply, a lot of applications ask for it! To get them to work (and reap the benefits of each) this is the link to use. Let’s go through three of the most popular ones…
Layar: If you’re business that produces a lot of print materials you can add a “Layar” of interactivity (see what I did there :P). Customers scan the print on their mobile and up pops your video. Layar report that customers are 165% more likely to buy a product when it contains an augmented reality component of this kind.
Twitter Player Cards: Twitter have a nifty little feature that lets you add video to your tweets so that the content plays in your audience Twitter feeds (rather than having to click the link to view elsewhere). By enabling Twitter Player Cards your tweet will take up much more space, attracting attention and driving extra engagement. The blog post here will teach you how to enable this.
Slider Revolution: This is a WordPress plugin which lets you create a revolving banner for your website so you can display different messages. By selecting HTML5 from the video options and entering this link you can add your video to one of the banner slides.
5. HD Video
What is looks like: http://view.vzaar.com/xxxxxxx/video/hd
What it does: Added bonus! If you’re using dual-encoding, we’ll give you separate HD and SD video links. Giving you just that little bit of extra choice.
6. Download Video
What it looks like: http://view.vzaar.com/xxxxxxx/download
What it does: Links to the asset’s MP4 file, with an ‘attachment’ content disposition.
How to use it: This links to exactly the same file as the /video link. The difference is the content-disposition header we’ve given it. Opening this link will automatically download the video’s MP4 file.
Also, if you’re using dual-encoding, we’ll give you two download links. One for the HD rendition of your video and another for the SD. Choice is good :)
Why it’s useful: It’s great for quickly sharing project files at work, or giving users the option to save a video for later.
7. Download Source File
What it looks like: http://view.vzaar.com/xxxxxxx/source
What it does: This is another MP4 file link, which becomes available if you’re using source storage. Like the other download links, it has the ‘attachment’ content disposition.
How to use it: These links will let you and your team access those original files quickly, whenever you need them.
Why it’s useful: Source storage let’s you keep a backup of all your video’s original files. If you can’t find your video file locally you don’t need to panic – so long as you’ve got Source Storage enabled you can just go to your vzaar account and download the source file.
So there we go! A few ideas to whet your appetite. As always we’re on hand to walk you through any of this stuff so give us a call or drop us a line.
Give it a go and let us know how you get on :)