Date post: | 11-Nov-2014 |
Category: |
Technology |
Upload: | gorka-moral |
View: | 380 times |
Download: | 1 times |
1
Video on the web – the EU-OSHA experience
Speaker: GORKA MORAL (EU-OSHA webmaster)23rd September 2011 | WMN meeting - Helsinki
2
When Youtube did not even existNote that the domain "YouTube.com" was activated on February 14, 2005, and the website was developed over the subsequent months (Source: wikipedia)
One only option:Upload a video file to our servers and add a link to download
• Need for space• Need big bandwidth• Need for different formats• No preview• No streaming• No sharing• Time to download• …
Video on the web – the EU-OSHA experience
Image: http://thinkdesign.net/
3
YOUTUBE: the (r)evolution 1DO NOT store your videos in your servers any more. Why?
It’s free• Set up an account, upload your video, and you’re done• It converts your video into a web-friendly format (Flash, and now html5
too)• It optimizes your video for fast streaming, and allows you to embed it
into your web pages.
Broad audience • Youtube is the third most visited website (after google and facebook) • Tag your videos with the appropriate keywords, and be found.• Drive traffic back to your website• You can send a bulletin to your suscribers and friends in youtube and
create a community
Video on the web – the EU-OSHA experience
4
YOUTUBE: the (r)evolution 2
Search engine positioning• Google has purchased Youtube• This means more importance for Google’s rank (links from a rank 10 to
your website)So do not forget to add your URL in your Youtube account, and proper
tags to your videos!
Time limits • YouTube doesn’t allow videos longer than 15 minutes and 2GB (20 GB
if Java-based Advanced Uploader is used)
Quality• Nowadays Youtube supports full HD videos, and even 4K videos
(Double resolution than 1080 HD)
Multi-platform• Youtube videos can be viewed through any mobile device, game
consoles, and TV devices with Google TV or Apple TV
Video on the web – the EU-OSHA experience
5
YOUTUBE: the (r)evolution 3Not everything is good
Download• For the moment, Youtube doesn’t allow to download videos
Copyrights • The big media lobyists have a big power in Youtube. They may claim
rights for any music, for instance, even if it is self-created. You will have to prove that you have permissions to use the music. Otherwise, your video will be silenced.
Branding• Youtube branding is present everywhere. Probably, not a big problem,
but still you will be making publicity of the service.
Not an EU company• A silly observation, but this means that Youtube videos are (or might
be) physically hosted outside the EU. In case of problems, you should probably appeal to an US court.
Video on the web – the EU-OSHA experience
6
EU-OSHA YouTube channelhttp://www.youtube.com/EUOSHA
Video on the web – the EU-OSHA experience
7
The “in house” optionWe don’t want (cannot) use youtube, but we want to display videos on our website
Simple linkWe upload a video file to our server, and create a link to download it.
In which format? WMV is for windows only, AVI doesn’t allow streaming, MPEG is propietary, MOV needs quicktime or an extra player, …
So you will need to make it available in more than one format
You can make streaming (a window like Youtube’s with controls), using already existing programmes (search for “web video players”)
EU-OSHA uses (in testing) JWPlayer http://www.longtailvideo.com/players/
This player delivers in flash and html5. You choose the default, and if the browser is not compatible, it plays the other format.
Video on the web – the EU-OSHA experience
8
Playing with HTML5For tablets, for instance.
http://www.test.osha.syslab.com/en/videodemo/video-demo-part-1/
This is a demo page with the different possibilities we have to display videos
Two main options: with and without JWPlayer (pure html5)
For the Player we need a javascript.
For HTML5, just the <video> tag
Video on the web – the EU-OSHA experience
9
Playing with HTML5the code of our test page
Video on the web – the EU-OSHA experience
10
Playing with HTML5The <video> tag
Example: <video width="600" height="338" id="oggvideo" src="/en/videodemo/3-Poor-maintenance.ogv/" controls="controls"> </video>
Attributes for <video> tag
Video on the web – the EU-OSHA experience
11
Video on the web – the EU-OSHA experience
Questions?
Gorka MORAL
Follow @eu_osha