Video on the web

  • 264 views
Uploaded on

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

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

More in: Technology , Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
264
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
11
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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 exist
    • Note 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 1
    • DO 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 3
    • Not 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 channel http:// www.youtube.com /EUOSHA Video on the web – the EU-OSHA experience
  • 7. The “in house” option We don’t want (cannot) use youtube, but we want to display videos on our website Simple link We 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 HTML5 For 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 HTML5 the code of our test page Video on the web – the EU-OSHA experience
  • 10. Playing with HTML5 The <video> tag Example: <video width=&quot;600&quot; height=&quot;338&quot; id=&quot;oggvideo&quot; src=&quot;/en/videodemo/3-Poor-maintenance.ogv/&quot; controls=&quot;controls&quot;> </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 [email_address] Follow @eu_osha