How to and why create your own HTML5 video
All the video services are so great these days…
So why should anyone be bothered by his own video if the video services these days are so great?
The above figures are not exactly right, we often mix container with codecs, but that’s not the point.
Video encoding – Practical tips
We will use FireFogg for WebM – the interface looks clunky…
It actually runs in Firefox as an extension and uses your computer’s processing power for encoding
Hosting for your video
How to get it among people and most importantly what is the fastest way?
We had clients complains when testing our videos with 50 LoadImpact simulated users on 100Mbit server connection speed
CDN stores your videos on multiple videos around the world and the video player will pick the nearest server automatically for fastest delivery speed.
We compared video download speed on our own site and on TheGuardian.com. While their video took 1.25 seconds to buffer, our took 6.3 seconds. Looks like our server is not able to serve the video quickly in Bratislava (Europe).
We also tested Amazon S3 and Amazon CloudFront. Amazon CloudFront is as good as what a big media site like TheGuardian.com is using, so we recommend using a CDN like that.
Various video services are also interesting. They take care of video encoding as well as hosting for your. Yet allow you to use your own player.
Use our Amazon AWS (S3 + CloudFront) illustrated guide to get CDN hosted videos.
Vimeo Pro is also a great option, if you purchase FV Flowplayer license and install Pro extension!
What to use in WordPress
…however there is still a place for plugin like FV Flowplayer.
The shortcode is quick and easy, but so are the limited video options.
But our plugin also has a shortcode editor!Just hit “Add Video”button and you will get the standard WordPress Media Library uploading.
Amazon S3 signed protected links are supported as well.
The video URL from the shortcode gets the access keys parameters.
Further reading – Resources used for presentation
- Why use your own video
- How 4K video works
- Wikipedia – Variable bitrate and multi-pass encoding
- Mozilla Developer Network – HTML5 video formats
- Apple – HTTP Live Streaming FAQ
Martin graduated as an engineer in Computer Science from Slovak Technical University in Bratislava. He grew up in Liptovský Mikuláš in northern Slovakia next to the beautiful Tatra mountains. He is the developer behind our FV Player.