Difference between revisions of "User:Bernie/Html5VideoTest"

From Sugar Labs
Jump to navigation Jump to search
(Created page with "== HTML5 video support in Mediawiki == These examples use the [http://www.mediawikiwidgets.org/Html5media Html5media widget]: === Webm === This works in Chromium: {{#widget:H...")
 
 
(4 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
These examples use the [http://www.mediawikiwidgets.org/Html5media Html5media widget]:
 
These examples use the [http://www.mediawikiwidgets.org/Html5media Html5media widget]:
  
=== Webm ===
+
=== Matroska + WebM ===
  
This works in Chromium:
+
This video format works in Chromium 15 and Firefox 7:
  
 
{{#widget:Html5media
 
{{#widget:Html5media
Line 13: Line 13:
 
}}
 
}}
  
=== AVI mpeg4 x264 ===
+
=== OGG Theora + Vorbis ===
 +
 
 +
This video works in Chromium 15 and Firefox 7:
  
 
{{#widget:Html5media
 
{{#widget:Html5media
|url=http://codewiz.org/pub/pictures/vacation/japan_2009/Shinkansen/00011-x264.avi
+
|url=http://codewiz.org/pub/pictures/vacation/japan_2009/Shinkansen/00010.ogg
 
|width=640
 
|width=640
 
|height=480
 
|height=480
 
}}
 
}}
  
=== OGG Theora + Vorbis ===
+
=== MPEG-4 x264 ===
 +
 
 +
Does not work in Chromium 15 nor Firefox 7:
 +
 
 +
{{#widget:Html5media
 +
|url=http://wiki.sugarlabs.org/~bernie/pictures/vacation/brasil_2010/rio_de_janeiro/20100716_007.mp4
 +
|width=640
 +
|height=480
 +
}}
 +
 
 +
=== AVI x264 ===
  
This works in Chromium:
+
This video format does not work in Chromium 15 nor Firefox 7:
  
 
{{#widget:Html5media
 
{{#widget:Html5media
|url=http://codewiz.org/pub/pictures/vacation/japan_2009/Shinkansen/00010.ogg
+
|url=http://wiki.sugarlabs.org/~bernie/pictures/vacation/japan_2009/Shinkansen/00011-x264.avi
 
|width=640
 
|width=640
 
|height=480
 
|height=480
Line 32: Line 44:
  
 
=== AVI mjpeg ===
 
=== AVI mjpeg ===
 +
 +
This video format does not work in Chromium 15 nor Firefox 7:
  
 
{{#widget:Html5media
 
{{#widget:Html5media
|url=http://codewiz.org/pub/pictures/vacation/japan_2009/Shinkansen/00008-mjpeg.avi
+
|url=http://wiki.sugarlabs.org/~bernie/pictures/vacation/japan_2009/Shinkansen/00008-mjpeg.avi
 
|width=640
 
|width=640
 
|height=480
 
|height=480
Line 43: Line 57:
 
* http://codewiz.org/pub/pictures/vacation/iguazu_itaipu_2010/itaipu/MVI_1052.webm
 
* http://codewiz.org/pub/pictures/vacation/iguazu_itaipu_2010/itaipu/MVI_1052.webm
 
* http://codewiz.org/pub/pictures/vacation/japan_2009/Shinkansen/00011-x264.avi
 
* http://codewiz.org/pub/pictures/vacation/japan_2009/Shinkansen/00011-x264.avi
 +
* http://wiki.sugarlabs.org/~bernie/pictures/vacation/brasil_2010/rio_de_janeiro/20100716_007.mp4
 +
* http://codewiz.org/pub/pictures/vacation/japan_2009/Shinkansen/00010.ogg
 
* http://codewiz.org/pub/pictures/vacation/japan_2009/Shinkansen/00008-mjpeg.avi
 
* http://codewiz.org/pub/pictures/vacation/japan_2009/Shinkansen/00008-mjpeg.avi
* http://codewiz.org/pub/pictures/vacation/japan_2009/Shinkansen/00010.ogg
 

Latest revision as of 22:32, 5 November 2011

HTML5 video support in Mediawiki

These examples use the Html5media widget:

Matroska + WebM

This video format works in Chromium 15 and Firefox 7:

OGG Theora + Vorbis

This video works in Chromium 15 and Firefox 7:

MPEG-4 x264

Does not work in Chromium 15 nor Firefox 7:

AVI x264

This video format does not work in Chromium 15 nor Firefox 7:

AVI mjpeg

This video format does not work in Chromium 15 nor Firefox 7:

Link to the raw videos: