blog/The_video_format_most_supported_in_web_browsers_.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   2           "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   3 <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
   4   <head>
   5     <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
   6     <title>Petter Reinholdtsen: The video format most supported in web browsers?</title>
   7     <link rel="stylesheet" type="text/css" media="screen" href="http://people.skolelinux.org/pere/blog/style.css" />
   8     <link rel="stylesheet" type="text/css" media="screen" href="http://people.skolelinux.org/pere/blog/vim.css" />
   9
  10
  11   </head>
  12   <body>
  13     <div class="title">
  14  <h1>
  15      <a href="http://people.skolelinux.org/pere/blog/">Petter Reinholdtsen</a>
  16
  17  </h1>
  18
  19 </div>
  20
  21
  22     <div class="entry">
  23       <div class="title">The video format most supported in web browsers?</div>
  24       <div class="date">16th January 2011</div>
  25       <div class="body"><p>The video format struggle on the web continues, and the three
  26 contenders seem to be Ogg Theora, H.264 and WebM.  Most video sites
  27 seem to use H.264, while others use Ogg Theora.  Interestingly enough,
  28 the comments I see give me the feeling that a lot of people believe
  29 H.264 is the most supported video format in browsers, but according to
  30 the Wikipedia article on
  31 <a href="http://en.wikipedia.org/wiki/HTML5_video">HTML5 video</a>,
  32 this is not true.  Check out the nice table of supprted formats in
  33 different browsers there.  The format supported by most browsers is
  34 Ogg Theora, supported by released versions of Mozilla Firefox, Google
  35 Chrome, Chromium, Opera, Konqueror, Epiphany, Origyn Web Browser and
  36 BOLT browser, while not supported by Internet Explorer nor Safari.
  37 The runner up is WebM supported by released versions of Google Chrome
  38 Chromium Opera and Origyn Web Browser, and test versions of Mozilla
  39 Firefox.  H.264 is supported by released versions of Safari, Origyn
  40 Web Browser and BOLT browser, and the test version of Internet
  41 Explorer.  Those wanting Ogg Theora support in Internet Explorer and
  42 Safari can install plugins to get it.</p>
  43
  44 <p>To me, the simple conclusion from this is that to reach most users
  45 without any extra software installed, one uses Ogg Theora with the
  46 HTML5 video tag.   Of course to reach all those without a browser
  47 handling HTML5, one need fallback mechanisms.  In
  48 <a href="http://www.nuug.no/">NUUG</a>, we provide first fallback to a
  49 plugin capable of playing MPEG1 video, and those without such support
  50 we have a second fallback to the Cortado java applet playing Ogg
  51 Theora.  This seem to work quite well, as can be seen in an <a
  52 href="http://www.nuug.no/aktiviteter/20110111-semantic-web/">example
  53 from last week</a>.</p>
  54
  55 <p>The reason Ogg Theora is the most supported format, and H.264 is
  56 the least supported is simple.  Implementing and using H.264
  57 require royalty payment to MPEG-LA, and the terms of use from MPEG-LA
  58 are incompatible with free software licensing.  If you believed H.264
  59 was without royalties and license terms, check out
  60 "<a href="http://webmink.com/essays/h-264/">H.264 – Not The Kind Of
  61 Free That Matters</a>" by Simon Phipps.</p>
  62
  63 <p>A incomplete list of sites providing video in Ogg Theora is
  64 available from
  65 <a href="http://wiki.xiph.org/index.php/List_of_Theora_videos">the
  66 Xiph.org wiki</a>, if you want to have a look.  I'm not aware of a
  67 similar list for WebM nor H.264.</p>
  68
  69 <p>Update 2011-01-16 09:40: A question from Tollef on IRC made me
  70 realise that I failed to make it clear enough this text is about the
  71 &lt;video&gt; tag support in browsers and not the video support
  72 provided by external plugins like the Flash plugins.</p>
  73 </div>
  74
  75       <div class="tags">Tags: <a href="http://people.skolelinux.org/pere/blog/tags/english">english</a>, <a href="http://people.skolelinux.org/pere/blog/tags/nuug">nuug</a>, <a href="http://people.skolelinux.org/pere/blog/tags/standard">standard</a>, <a href="http://people.skolelinux.org/pere/blog/tags/video">video</a>.</div>
  76
  77
  78     </div>
  79
  80
  81
  82
  83     <div id="sidebar">
  84
  85
  86
  87 <h2>Archive</h2>
  88 <ul>
  89
  90 <li>2015
  91 <ul>
  92
  93 <li><a href="http://people.skolelinux.org/pere/blog/archive/2015/01/">January (2)</a></li>
  94
  95 </ul></li>
  96
  97 <li>2014
  98 <ul>
  99
 100 <li><a href="http://people.skolelinux.org/pere/blog/archive/2014/01/">January (2)</a></li>
 101
 102 <li><a href="http://people.skolelinux.org/pere/blog/archive/2014/02/">February (3)</a></li>
 103
 104 <li><a href="http://people.skolelinux.org/pere/blog/archive/2014/03/">March (8)</a></li>
 105
 106 <li><a href="http://people.skolelinux.org/pere/blog/archive/2014/04/">April (7)</a></li>
 107
 108 <li><a href="http://people.skolelinux.org/pere/blog/archive/2014/05/">May (1)</a></li>
 109
 110 <li><a href="http://people.skolelinux.org/pere/blog/archive/2014/06/">June (2)</a></li>
 111
 112 <li><a href="http://people.skolelinux.org/pere/blog/archive/2014/07/">July (2)</a></li>
 113
 114 <li><a href="http://people.skolelinux.org/pere/blog/archive/2014/08/">August (2)</a></li>
 115
 116 <li><a href="http://people.skolelinux.org/pere/blog/archive/2014/09/">September (5)</a></li>
 117
 118 <li><a href="http://people.skolelinux.org/pere/blog/archive/2014/10/">October (6)</a></li>
 119
 120 <li><a href="http://people.skolelinux.org/pere/blog/archive/2014/11/">November (3)</a></li>
 121
 122 <li><a href="http://people.skolelinux.org/pere/blog/archive/2014/12/">December (5)</a></li>
 123
 124 </ul></li>
 125
 126 <li>2013
 127 <ul>
 128
 129 <li><a href="http://people.skolelinux.org/pere/blog/archive/2013/01/">January (11)</a></li>
 130
 131 <li><a href="http://people.skolelinux.org/pere/blog/archive/2013/02/">February (9)</a></li>
 132
 133 <li><a href="http://people.skolelinux.org/pere/blog/archive/2013/03/">March (9)</a></li>
 134
 135 <li><a href="http://people.skolelinux.org/pere/blog/archive/2013/04/">April (6)</a></li>
 136
 137 <li><a href="http://people.skolelinux.org/pere/blog/archive/2013/05/">May (9)</a></li>
 138
 139 <li><a href="http://people.skolelinux.org/pere/blog/archive/2013/06/">June (10)</a></li>
 140
 141 <li><a href="http://people.skolelinux.org/pere/blog/archive/2013/07/">July (7)</a></li>
 142
 143 <li><a href="http://people.skolelinux.org/pere/blog/archive/2013/08/">August (3)</a></li>
 144
 145 <li><a href="http://people.skolelinux.org/pere/blog/archive/2013/09/">September (5)</a></li>
 146
 147 <li><a href="http://people.skolelinux.org/pere/blog/archive/2013/10/">October (7)</a></li>
 148
 149 <li><a href="http://people.skolelinux.org/pere/blog/archive/2013/11/">November (9)</a></li>
 150
 151 <li><a href="http://people.skolelinux.org/pere/blog/archive/2013/12/">December (3)</a></li>
 152
 153 </ul></li>
 154
 155 <li>2012
 156 <ul>
 157
 158 <li><a href="http://people.skolelinux.org/pere/blog/archive/2012/01/">January (7)</a></li>
 159
 160 <li><a href="http://people.skolelinux.org/pere/blog/archive/2012/02/">February (10)</a></li>
 161
 162 <li><a href="http://people.skolelinux.org/pere/blog/archive/2012/03/">March (17)</a></li>
 163
 164 <li><a href="http://people.skolelinux.org/pere/blog/archive/2012/04/">April (12)</a></li>
 165
 166 <li><a href="http://people.skolelinux.org/pere/blog/archive/2012/05/">May (12)</a></li>
 167
 168 <li><a href="http://people.skolelinux.org/pere/blog/archive/2012/06/">June (20)</a></li>
 169
 170 <li><a href="http://people.skolelinux.org/pere/blog/archive/2012/07/">July (17)</a></li>
 171
 172 <li><a href="http://people.skolelinux.org/pere/blog/archive/2012/08/">August (6)</a></li>
 173
 174 <li><a href="http://people.skolelinux.org/pere/blog/archive/2012/09/">September (9)</a></li>
 175
 176 <li><a href="http://people.skolelinux.org/pere/blog/archive/2012/10/">October (17)</a></li>
 177
 178 <li><a href="http://people.skolelinux.org/pere/blog/archive/2012/11/">November (10)</a></li>
 179
 180 <li><a href="http://people.skolelinux.org/pere/blog/archive/2012/12/">December (7)</a></li>
 181
 182 </ul></li>
 183
 184 <li>2011
 185 <ul>
 186
 187 <li><a href="http://people.skolelinux.org/pere/blog/archive/2011/01/">January (16)</a></li>
 188
 189 <li><a href="http://people.skolelinux.org/pere/blog/archive/2011/02/">February (6)</a></li>
 190
 191 <li><a href="http://people.skolelinux.org/pere/blog/archive/2011/03/">March (6)</a></li>
 192
 193 <li><a href="http://people.skolelinux.org/pere/blog/archive/2011/04/">April (7)</a></li>
 194
 195 <li><a href="http://people.skolelinux.org/pere/blog/archive/2011/05/">May (3)</a></li>
 196
 197 <li><a href="http://people.skolelinux.org/pere/blog/archive/2011/06/">June (2)</a></li>
 198
 199 <li><a href="http://people.skolelinux.org/pere/blog/archive/2011/07/">July (7)</a></li>
 200
 201 <li><a href="http://people.skolelinux.org/pere/blog/archive/2011/08/">August (6)</a></li>
 202
 203 <li><a href="http://people.skolelinux.org/pere/blog/archive/2011/09/">September (4)</a></li>
 204
 205 <li><a href="http://people.skolelinux.org/pere/blog/archive/2011/10/">October (2)</a></li>
 206
 207 <li><a href="http://people.skolelinux.org/pere/blog/archive/2011/11/">November (3)</a></li>
 208
 209 <li><a href="http://people.skolelinux.org/pere/blog/archive/2011/12/">December (1)</a></li>
 210
 211 </ul></li>
 212
 213 <li>2010
 214 <ul>
 215
 216 <li><a href="http://people.skolelinux.org/pere/blog/archive/2010/01/">January (2)</a></li>
 217
 218 <li><a href="http://people.skolelinux.org/pere/blog/archive/2010/02/">February (1)</a></li>
 219
 220 <li><a href="http://people.skolelinux.org/pere/blog/archive/2010/03/">March (3)</a></li>
 221
 222 <li><a href="http://people.skolelinux.org/pere/blog/archive/2010/04/">April (3)</a></li>
 223
 224 <li><a href="http://people.skolelinux.org/pere/blog/archive/2010/05/">May (9)</a></li>
 225
 226 <li><a href="http://people.skolelinux.org/pere/blog/archive/2010/06/">June (14)</a></li>
 227
 228 <li><a href="http://people.skolelinux.org/pere/blog/archive/2010/07/">July (12)</a></li>
 229
 230 <li><a href="http://people.skolelinux.org/pere/blog/archive/2010/08/">August (13)</a></li>
 231
 232 <li><a href="http://people.skolelinux.org/pere/blog/archive/2010/09/">September (7)</a></li>
 233
 234 <li><a href="http://people.skolelinux.org/pere/blog/archive/2010/10/">October (9)</a></li>
 235
 236 <li><a href="http://people.skolelinux.org/pere/blog/archive/2010/11/">November (13)</a></li>
 237
 238 <li><a href="http://people.skolelinux.org/pere/blog/archive/2010/12/">December (12)</a></li>
 239
 240 </ul></li>
 241
 242 <li>2009
 243 <ul>
 244
 245 <li><a href="http://people.skolelinux.org/pere/blog/archive/2009/01/">January (8)</a></li>
 246
 247 <li><a href="http://people.skolelinux.org/pere/blog/archive/2009/02/">February (8)</a></li>
 248
 249 <li><a href="http://people.skolelinux.org/pere/blog/archive/2009/03/">March (12)</a></li>
 250
 251 <li><a href="http://people.skolelinux.org/pere/blog/archive/2009/04/">April (10)</a></li>
 252
 253 <li><a href="http://people.skolelinux.org/pere/blog/archive/2009/05/">May (9)</a></li>
 254
 255 <li><a href="http://people.skolelinux.org/pere/blog/archive/2009/06/">June (3)</a></li>
 256
 257 <li><a href="http://people.skolelinux.org/pere/blog/archive/2009/07/">July (4)</a></li>
 258
 259 <li><a href="http://people.skolelinux.org/pere/blog/archive/2009/08/">August (3)</a></li>
 260
 261 <li><a href="http://people.skolelinux.org/pere/blog/archive/2009/09/">September (1)</a></li>
 262
 263 <li><a href="http://people.skolelinux.org/pere/blog/archive/2009/10/">October (2)</a></li>
 264
 265 <li><a href="http://people.skolelinux.org/pere/blog/archive/2009/11/">November (3)</a></li>
 266
 267 <li><a href="http://people.skolelinux.org/pere/blog/archive/2009/12/">December (3)</a></li>
 268
 269 </ul></li>
 270
 271 <li>2008
 272 <ul>
 273
 274 <li><a href="http://people.skolelinux.org/pere/blog/archive/2008/11/">November (5)</a></li>
 275
 276 <li><a href="http://people.skolelinux.org/pere/blog/archive/2008/12/">December (7)</a></li>
 277
 278 </ul></li>
 279
 280 </ul>
 281
 282
 283
 284 <h2>Tags</h2>
 285 <ul>
 286
 287  <li><a href="http://people.skolelinux.org/pere/blog/tags/3d-printer">3d-printer (13)</a></li>
 288
 289  <li><a href="http://people.skolelinux.org/pere/blog/tags/amiga">amiga (1)</a></li>
 290
 291  <li><a href="http://people.skolelinux.org/pere/blog/tags/aros">aros (1)</a></li>
 292
 293  <li><a href="http://people.skolelinux.org/pere/blog/tags/bankid">bankid (4)</a></li>
 294
 295  <li><a href="http://people.skolelinux.org/pere/blog/tags/bitcoin">bitcoin (8)</a></li>
 296
 297  <li><a href="http://people.skolelinux.org/pere/blog/tags/bootsystem">bootsystem (15)</a></li>
 298
 299  <li><a href="http://people.skolelinux.org/pere/blog/tags/bsa">bsa (2)</a></li>
 300
 301  <li><a href="http://people.skolelinux.org/pere/blog/tags/chrpath">chrpath (2)</a></li>
 302
 303  <li><a href="http://people.skolelinux.org/pere/blog/tags/debian">debian (109)</a></li>
 304
 305  <li><a href="http://people.skolelinux.org/pere/blog/tags/debian edu">debian edu (151)</a></li>
 306
 307  <li><a href="http://people.skolelinux.org/pere/blog/tags/digistan">digistan (10)</a></li>
 308
 309  <li><a href="http://people.skolelinux.org/pere/blog/tags/dld">dld (15)</a></li>
 310
 311  <li><a href="http://people.skolelinux.org/pere/blog/tags/docbook">docbook (12)</a></li>
 312
 313  <li><a href="http://people.skolelinux.org/pere/blog/tags/drivstoffpriser">drivstoffpriser (4)</a></li>
 314
 315  <li><a href="http://people.skolelinux.org/pere/blog/tags/english">english (265)</a></li>
 316
 317  <li><a href="http://people.skolelinux.org/pere/blog/tags/fiksgatami">fiksgatami (22)</a></li>
 318
 319  <li><a href="http://people.skolelinux.org/pere/blog/tags/fildeling">fildeling (12)</a></li>
 320
 321  <li><a href="http://people.skolelinux.org/pere/blog/tags/freeculture">freeculture (14)</a></li>
 322
 323  <li><a href="http://people.skolelinux.org/pere/blog/tags/freedombox">freedombox (9)</a></li>
 324
 325  <li><a href="http://people.skolelinux.org/pere/blog/tags/frikanalen">frikanalen (11)</a></li>
 326
 327  <li><a href="http://people.skolelinux.org/pere/blog/tags/intervju">intervju (41)</a></li>
 328
 329  <li><a href="http://people.skolelinux.org/pere/blog/tags/isenkram">isenkram (10)</a></li>
 330
 331  <li><a href="http://people.skolelinux.org/pere/blog/tags/kart">kart (19)</a></li>
 332
 333  <li><a href="http://people.skolelinux.org/pere/blog/tags/ldap">ldap (9)</a></li>
 334
 335  <li><a href="http://people.skolelinux.org/pere/blog/tags/lenker">lenker (8)</a></li>
 336
 337  <li><a href="http://people.skolelinux.org/pere/blog/tags/lsdvd">lsdvd (2)</a></li>
 338
 339  <li><a href="http://people.skolelinux.org/pere/blog/tags/ltsp">ltsp (1)</a></li>
 340
 341  <li><a href="http://people.skolelinux.org/pere/blog/tags/mesh network">mesh network (8)</a></li>
 342
 343  <li><a href="http://people.skolelinux.org/pere/blog/tags/multimedia">multimedia (32)</a></li>
 344
 345  <li><a href="http://people.skolelinux.org/pere/blog/tags/norsk">norsk (254)</a></li>
 346
 347  <li><a href="http://people.skolelinux.org/pere/blog/tags/nuug">nuug (167)</a></li>
 348
 349  <li><a href="http://people.skolelinux.org/pere/blog/tags/offentlig innsyn">offentlig innsyn (11)</a></li>
 350
 351  <li><a href="http://people.skolelinux.org/pere/blog/tags/open311">open311 (2)</a></li>
 352
 353  <li><a href="http://people.skolelinux.org/pere/blog/tags/opphavsrett">opphavsrett (50)</a></li>
 354
 355  <li><a href="http://people.skolelinux.org/pere/blog/tags/personvern">personvern (81)</a></li>
 356
 357  <li><a href="http://people.skolelinux.org/pere/blog/tags/raid">raid (1)</a></li>
 358
 359  <li><a href="http://people.skolelinux.org/pere/blog/tags/reactos">reactos (1)</a></li>
 360
 361  <li><a href="http://people.skolelinux.org/pere/blog/tags/reprap">reprap (11)</a></li>
 362
 363  <li><a href="http://people.skolelinux.org/pere/blog/tags/rfid">rfid (3)</a></li>
 364
 365  <li><a href="http://people.skolelinux.org/pere/blog/tags/robot">robot (9)</a></li>
 366
 367  <li><a href="http://people.skolelinux.org/pere/blog/tags/rss">rss (1)</a></li>
 368
 369  <li><a href="http://people.skolelinux.org/pere/blog/tags/ruter">ruter (4)</a></li>
 370
 371  <li><a href="http://people.skolelinux.org/pere/blog/tags/scraperwiki">scraperwiki (2)</a></li>
 372
 373  <li><a href="http://people.skolelinux.org/pere/blog/tags/sikkerhet">sikkerhet (41)</a></li>
 374
 375  <li><a href="http://people.skolelinux.org/pere/blog/tags/sitesummary">sitesummary (4)</a></li>
 376
 377  <li><a href="http://people.skolelinux.org/pere/blog/tags/skepsis">skepsis (4)</a></li>
 378
 379  <li><a href="http://people.skolelinux.org/pere/blog/tags/standard">standard (46)</a></li>
 380
 381  <li><a href="http://people.skolelinux.org/pere/blog/tags/stavekontroll">stavekontroll (3)</a></li>
 382
 383  <li><a href="http://people.skolelinux.org/pere/blog/tags/stortinget">stortinget (9)</a></li>
 384
 385  <li><a href="http://people.skolelinux.org/pere/blog/tags/surveillance">surveillance (29)</a></li>
 386
 387  <li><a href="http://people.skolelinux.org/pere/blog/tags/sysadmin">sysadmin (2)</a></li>
 388
 389  <li><a href="http://people.skolelinux.org/pere/blog/tags/usenix">usenix (2)</a></li>
 390
 391  <li><a href="http://people.skolelinux.org/pere/blog/tags/valg">valg (8)</a></li>
 392
 393  <li><a href="http://people.skolelinux.org/pere/blog/tags/video">video (46)</a></li>
 394
 395  <li><a href="http://people.skolelinux.org/pere/blog/tags/vitenskap">vitenskap (4)</a></li>
 396
 397  <li><a href="http://people.skolelinux.org/pere/blog/tags/web">web (34)</a></li>
 398
 399 </ul>
 400
 401
 402     </div>
 403     <p style="text-align: right">
 404  Created by <a href="http://steve.org.uk/Software/chronicle">Chronicle v4.6</a>
 405 </p>
 406
 407   </body>
 408 </html>