+ All Categories
Home > Technology > Video on the web

Video on the web

Date post: 11-Nov-2014
Category:
Upload: gorka-moral
View: 380 times
Download: 1 times
Share this document with a friend
Description:
A short case study on the ways to display videos on the web. It shows the advantages of youtube, and how to play video with html5
11
1 Video on the web – the EU-OSHA experience Speaker: GORKA MORAL (EU-OSHA webmaster) 23rd September 2011 | WMN meeting - Helsinki
Transcript
Page 1: Video on the web

1

Video on the web – the EU-OSHA experience

Speaker: GORKA MORAL (EU-OSHA webmaster)23rd September 2011 | WMN meeting - Helsinki

Page 2: Video on the web

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/

Page 3: Video on the web

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

Page 4: Video on the web

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

Page 5: Video on the web

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

Page 6: Video on the web

6

EU-OSHA YouTube channelhttp://www.youtube.com/EUOSHA

Video on the web – the EU-OSHA experience

Page 7: Video on the web

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

Page 8: Video on the web

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

Page 9: Video on the web

9

Playing with HTML5the code of our test page

Video on the web – the EU-OSHA experience

Page 10: Video on the web

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

Page 11: Video on the web

11

Video on the web – the EU-OSHA experience

Questions?

Gorka MORAL

[email protected]

Follow @eu_osha


Recommended