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/h264">h264</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>2016
  91 <ul>
  92
  93 <li><a href="http://people.skolelinux.org/pere/blog/archive/2016/01/">January (3)</a></li>
  94
  95 <li><a href="http://people.skolelinux.org/pere/blog/archive/2016/02/">February (2)</a></li>
  96
  97 <li><a href="http://people.skolelinux.org/pere/blog/archive/2016/03/">March (3)</a></li>
  98
  99 <li><a href="http://people.skolelinux.org/pere/blog/archive/2016/04/">April (8)</a></li>
 100
 101 <li><a href="http://people.skolelinux.org/pere/blog/archive/2016/05/">May (8)</a></li>
 102
 103 <li><a href="http://people.skolelinux.org/pere/blog/archive/2016/06/">June (2)</a></li>
 104
 105 <li><a href="http://people.skolelinux.org/pere/blog/archive/2016/07/">July (2)</a></li>
 106
 107 <li><a href="http://people.skolelinux.org/pere/blog/archive/2016/08/">August (4)</a></li>
 108
 109 </ul></li>
 110
 111 <li>2015
 112 <ul>
 113
 114 <li><a href="http://people.skolelinux.org/pere/blog/archive/2015/01/">January (7)</a></li>
 115
 116 <li><a href="http://people.skolelinux.org/pere/blog/archive/2015/02/">February (6)</a></li>
 117
 118 <li><a href="http://people.skolelinux.org/pere/blog/archive/2015/03/">March (1)</a></li>
 119
 120 <li><a href="http://people.skolelinux.org/pere/blog/archive/2015/04/">April (4)</a></li>
 121
 122 <li><a href="http://people.skolelinux.org/pere/blog/archive/2015/05/">May (3)</a></li>
 123
 124 <li><a href="http://people.skolelinux.org/pere/blog/archive/2015/06/">June (4)</a></li>
 125
 126 <li><a href="http://people.skolelinux.org/pere/blog/archive/2015/07/">July (6)</a></li>
 127
 128 <li><a href="http://people.skolelinux.org/pere/blog/archive/2015/08/">August (2)</a></li>
 129
 130 <li><a href="http://people.skolelinux.org/pere/blog/archive/2015/09/">September (2)</a></li>
 131
 132 <li><a href="http://people.skolelinux.org/pere/blog/archive/2015/10/">October (9)</a></li>
 133
 134 <li><a href="http://people.skolelinux.org/pere/blog/archive/2015/11/">November (6)</a></li>
 135
 136 <li><a href="http://people.skolelinux.org/pere/blog/archive/2015/12/">December (3)</a></li>
 137
 138 </ul></li>
 139
 140 <li>2014
 141 <ul>
 142
 143 <li><a href="http://people.skolelinux.org/pere/blog/archive/2014/01/">January (2)</a></li>
 144
 145 <li><a href="http://people.skolelinux.org/pere/blog/archive/2014/02/">February (3)</a></li>
 146
 147 <li><a href="http://people.skolelinux.org/pere/blog/archive/2014/03/">March (8)</a></li>
 148
 149 <li><a href="http://people.skolelinux.org/pere/blog/archive/2014/04/">April (7)</a></li>
 150
 151 <li><a href="http://people.skolelinux.org/pere/blog/archive/2014/05/">May (1)</a></li>
 152
 153 <li><a href="http://people.skolelinux.org/pere/blog/archive/2014/06/">June (2)</a></li>
 154
 155 <li><a href="http://people.skolelinux.org/pere/blog/archive/2014/07/">July (2)</a></li>
 156
 157 <li><a href="http://people.skolelinux.org/pere/blog/archive/2014/08/">August (2)</a></li>
 158
 159 <li><a href="http://people.skolelinux.org/pere/blog/archive/2014/09/">September (5)</a></li>
 160
 161 <li><a href="http://people.skolelinux.org/pere/blog/archive/2014/10/">October (6)</a></li>
 162
 163 <li><a href="http://people.skolelinux.org/pere/blog/archive/2014/11/">November (3)</a></li>
 164
 165 <li><a href="http://people.skolelinux.org/pere/blog/archive/2014/12/">December (5)</a></li>
 166
 167 </ul></li>
 168
 169 <li>2013
 170 <ul>
 171
 172 <li><a href="http://people.skolelinux.org/pere/blog/archive/2013/01/">January (11)</a></li>
 173
 174 <li><a href="http://people.skolelinux.org/pere/blog/archive/2013/02/">February (9)</a></li>
 175
 176 <li><a href="http://people.skolelinux.org/pere/blog/archive/2013/03/">March (9)</a></li>
 177
 178 <li><a href="http://people.skolelinux.org/pere/blog/archive/2013/04/">April (6)</a></li>
 179
 180 <li><a href="http://people.skolelinux.org/pere/blog/archive/2013/05/">May (9)</a></li>
 181
 182 <li><a href="http://people.skolelinux.org/pere/blog/archive/2013/06/">June (10)</a></li>
 183
 184 <li><a href="http://people.skolelinux.org/pere/blog/archive/2013/07/">July (7)</a></li>
 185
 186 <li><a href="http://people.skolelinux.org/pere/blog/archive/2013/08/">August (3)</a></li>
 187
 188 <li><a href="http://people.skolelinux.org/pere/blog/archive/2013/09/">September (5)</a></li>
 189
 190 <li><a href="http://people.skolelinux.org/pere/blog/archive/2013/10/">October (7)</a></li>
 191
 192 <li><a href="http://people.skolelinux.org/pere/blog/archive/2013/11/">November (9)</a></li>
 193
 194 <li><a href="http://people.skolelinux.org/pere/blog/archive/2013/12/">December (3)</a></li>
 195
 196 </ul></li>
 197
 198 <li>2012
 199 <ul>
 200
 201 <li><a href="http://people.skolelinux.org/pere/blog/archive/2012/01/">January (7)</a></li>
 202
 203 <li><a href="http://people.skolelinux.org/pere/blog/archive/2012/02/">February (10)</a></li>
 204
 205 <li><a href="http://people.skolelinux.org/pere/blog/archive/2012/03/">March (17)</a></li>
 206
 207 <li><a href="http://people.skolelinux.org/pere/blog/archive/2012/04/">April (12)</a></li>
 208
 209 <li><a href="http://people.skolelinux.org/pere/blog/archive/2012/05/">May (12)</a></li>
 210
 211 <li><a href="http://people.skolelinux.org/pere/blog/archive/2012/06/">June (20)</a></li>
 212
 213 <li><a href="http://people.skolelinux.org/pere/blog/archive/2012/07/">July (17)</a></li>
 214
 215 <li><a href="http://people.skolelinux.org/pere/blog/archive/2012/08/">August (6)</a></li>
 216
 217 <li><a href="http://people.skolelinux.org/pere/blog/archive/2012/09/">September (9)</a></li>
 218
 219 <li><a href="http://people.skolelinux.org/pere/blog/archive/2012/10/">October (17)</a></li>
 220
 221 <li><a href="http://people.skolelinux.org/pere/blog/archive/2012/11/">November (10)</a></li>
 222
 223 <li><a href="http://people.skolelinux.org/pere/blog/archive/2012/12/">December (7)</a></li>
 224
 225 </ul></li>
 226
 227 <li>2011
 228 <ul>
 229
 230 <li><a href="http://people.skolelinux.org/pere/blog/archive/2011/01/">January (16)</a></li>
 231
 232 <li><a href="http://people.skolelinux.org/pere/blog/archive/2011/02/">February (6)</a></li>
 233
 234 <li><a href="http://people.skolelinux.org/pere/blog/archive/2011/03/">March (6)</a></li>
 235
 236 <li><a href="http://people.skolelinux.org/pere/blog/archive/2011/04/">April (7)</a></li>
 237
 238 <li><a href="http://people.skolelinux.org/pere/blog/archive/2011/05/">May (3)</a></li>
 239
 240 <li><a href="http://people.skolelinux.org/pere/blog/archive/2011/06/">June (2)</a></li>
 241
 242 <li><a href="http://people.skolelinux.org/pere/blog/archive/2011/07/">July (7)</a></li>
 243
 244 <li><a href="http://people.skolelinux.org/pere/blog/archive/2011/08/">August (6)</a></li>
 245
 246 <li><a href="http://people.skolelinux.org/pere/blog/archive/2011/09/">September (4)</a></li>
 247
 248 <li><a href="http://people.skolelinux.org/pere/blog/archive/2011/10/">October (2)</a></li>
 249
 250 <li><a href="http://people.skolelinux.org/pere/blog/archive/2011/11/">November (3)</a></li>
 251
 252 <li><a href="http://people.skolelinux.org/pere/blog/archive/2011/12/">December (1)</a></li>
 253
 254 </ul></li>
 255
 256 <li>2010
 257 <ul>
 258
 259 <li><a href="http://people.skolelinux.org/pere/blog/archive/2010/01/">January (2)</a></li>
 260
 261 <li><a href="http://people.skolelinux.org/pere/blog/archive/2010/02/">February (1)</a></li>
 262
 263 <li><a href="http://people.skolelinux.org/pere/blog/archive/2010/03/">March (3)</a></li>
 264
 265 <li><a href="http://people.skolelinux.org/pere/blog/archive/2010/04/">April (3)</a></li>
 266
 267 <li><a href="http://people.skolelinux.org/pere/blog/archive/2010/05/">May (9)</a></li>
 268
 269 <li><a href="http://people.skolelinux.org/pere/blog/archive/2010/06/">June (14)</a></li>
 270
 271 <li><a href="http://people.skolelinux.org/pere/blog/archive/2010/07/">July (12)</a></li>
 272
 273 <li><a href="http://people.skolelinux.org/pere/blog/archive/2010/08/">August (13)</a></li>
 274
 275 <li><a href="http://people.skolelinux.org/pere/blog/archive/2010/09/">September (7)</a></li>
 276
 277 <li><a href="http://people.skolelinux.org/pere/blog/archive/2010/10/">October (9)</a></li>
 278
 279 <li><a href="http://people.skolelinux.org/pere/blog/archive/2010/11/">November (13)</a></li>
 280
 281 <li><a href="http://people.skolelinux.org/pere/blog/archive/2010/12/">December (12)</a></li>
 282
 283 </ul></li>
 284
 285 <li>2009
 286 <ul>
 287
 288 <li><a href="http://people.skolelinux.org/pere/blog/archive/2009/01/">January (8)</a></li>
 289
 290 <li><a href="http://people.skolelinux.org/pere/blog/archive/2009/02/">February (8)</a></li>
 291
 292 <li><a href="http://people.skolelinux.org/pere/blog/archive/2009/03/">March (12)</a></li>
 293
 294 <li><a href="http://people.skolelinux.org/pere/blog/archive/2009/04/">April (10)</a></li>
 295
 296 <li><a href="http://people.skolelinux.org/pere/blog/archive/2009/05/">May (9)</a></li>
 297
 298 <li><a href="http://people.skolelinux.org/pere/blog/archive/2009/06/">June (3)</a></li>
 299
 300 <li><a href="http://people.skolelinux.org/pere/blog/archive/2009/07/">July (4)</a></li>
 301
 302 <li><a href="http://people.skolelinux.org/pere/blog/archive/2009/08/">August (3)</a></li>
 303
 304 <li><a href="http://people.skolelinux.org/pere/blog/archive/2009/09/">September (1)</a></li>
 305
 306 <li><a href="http://people.skolelinux.org/pere/blog/archive/2009/10/">October (2)</a></li>
 307
 308 <li><a href="http://people.skolelinux.org/pere/blog/archive/2009/11/">November (3)</a></li>
 309
 310 <li><a href="http://people.skolelinux.org/pere/blog/archive/2009/12/">December (3)</a></li>
 311
 312 </ul></li>
 313
 314 <li>2008
 315 <ul>
 316
 317 <li><a href="http://people.skolelinux.org/pere/blog/archive/2008/11/">November (5)</a></li>
 318
 319 <li><a href="http://people.skolelinux.org/pere/blog/archive/2008/12/">December (7)</a></li>
 320
 321 </ul></li>
 322
 323 </ul>
 324
 325
 326
 327 <h2>Tags</h2>
 328 <ul>
 329
 330  <li><a href="http://people.skolelinux.org/pere/blog/tags/3d-printer">3d-printer (13)</a></li>
 331
 332  <li><a href="http://people.skolelinux.org/pere/blog/tags/amiga">amiga (1)</a></li>
 333
 334  <li><a href="http://people.skolelinux.org/pere/blog/tags/aros">aros (1)</a></li>
 335
 336  <li><a href="http://people.skolelinux.org/pere/blog/tags/bankid">bankid (4)</a></li>
 337
 338  <li><a href="http://people.skolelinux.org/pere/blog/tags/bitcoin">bitcoin (9)</a></li>
 339
 340  <li><a href="http://people.skolelinux.org/pere/blog/tags/bootsystem">bootsystem (16)</a></li>
 341
 342  <li><a href="http://people.skolelinux.org/pere/blog/tags/bsa">bsa (2)</a></li>
 343
 344  <li><a href="http://people.skolelinux.org/pere/blog/tags/chrpath">chrpath (2)</a></li>
 345
 346  <li><a href="http://people.skolelinux.org/pere/blog/tags/debian">debian (134)</a></li>
 347
 348  <li><a href="http://people.skolelinux.org/pere/blog/tags/debian edu">debian edu (157)</a></li>
 349
 350  <li><a href="http://people.skolelinux.org/pere/blog/tags/digistan">digistan (10)</a></li>
 351
 352  <li><a href="http://people.skolelinux.org/pere/blog/tags/dld">dld (15)</a></li>
 353
 354  <li><a href="http://people.skolelinux.org/pere/blog/tags/docbook">docbook (23)</a></li>
 355
 356  <li><a href="http://people.skolelinux.org/pere/blog/tags/drivstoffpriser">drivstoffpriser (4)</a></li>
 357
 358  <li><a href="http://people.skolelinux.org/pere/blog/tags/english">english (326)</a></li>
 359
 360  <li><a href="http://people.skolelinux.org/pere/blog/tags/fiksgatami">fiksgatami (23)</a></li>
 361
 362  <li><a href="http://people.skolelinux.org/pere/blog/tags/fildeling">fildeling (12)</a></li>
 363
 364  <li><a href="http://people.skolelinux.org/pere/blog/tags/freeculture">freeculture (28)</a></li>
 365
 366  <li><a href="http://people.skolelinux.org/pere/blog/tags/freedombox">freedombox (9)</a></li>
 367
 368  <li><a href="http://people.skolelinux.org/pere/blog/tags/frikanalen">frikanalen (18)</a></li>
 369
 370  <li><a href="http://people.skolelinux.org/pere/blog/tags/h264">h264 (20)</a></li>
 371
 372  <li><a href="http://people.skolelinux.org/pere/blog/tags/intervju">intervju (42)</a></li>
 373
 374  <li><a href="http://people.skolelinux.org/pere/blog/tags/isenkram">isenkram (12)</a></li>
 375
 376  <li><a href="http://people.skolelinux.org/pere/blog/tags/kart">kart (19)</a></li>
 377
 378  <li><a href="http://people.skolelinux.org/pere/blog/tags/ldap">ldap (9)</a></li>
 379
 380  <li><a href="http://people.skolelinux.org/pere/blog/tags/lenker">lenker (8)</a></li>
 381
 382  <li><a href="http://people.skolelinux.org/pere/blog/tags/lsdvd">lsdvd (2)</a></li>
 383
 384  <li><a href="http://people.skolelinux.org/pere/blog/tags/ltsp">ltsp (1)</a></li>
 385
 386  <li><a href="http://people.skolelinux.org/pere/blog/tags/mesh network">mesh network (8)</a></li>
 387
 388  <li><a href="http://people.skolelinux.org/pere/blog/tags/multimedia">multimedia (39)</a></li>
 389
 390  <li><a href="http://people.skolelinux.org/pere/blog/tags/nice free software">nice free software (8)</a></li>
 391
 392  <li><a href="http://people.skolelinux.org/pere/blog/tags/norsk">norsk (276)</a></li>
 393
 394  <li><a href="http://people.skolelinux.org/pere/blog/tags/nuug">nuug (182)</a></li>
 395
 396  <li><a href="http://people.skolelinux.org/pere/blog/tags/offentlig innsyn">offentlig innsyn (26)</a></li>
 397
 398  <li><a href="http://people.skolelinux.org/pere/blog/tags/open311">open311 (2)</a></li>
 399
 400  <li><a href="http://people.skolelinux.org/pere/blog/tags/opphavsrett">opphavsrett (61)</a></li>
 401
 402  <li><a href="http://people.skolelinux.org/pere/blog/tags/personvern">personvern (92)</a></li>
 403
 404  <li><a href="http://people.skolelinux.org/pere/blog/tags/raid">raid (1)</a></li>
 405
 406  <li><a href="http://people.skolelinux.org/pere/blog/tags/reactos">reactos (1)</a></li>
 407
 408  <li><a href="http://people.skolelinux.org/pere/blog/tags/reprap">reprap (11)</a></li>
 409
 410  <li><a href="http://people.skolelinux.org/pere/blog/tags/rfid">rfid (3)</a></li>
 411
 412  <li><a href="http://people.skolelinux.org/pere/blog/tags/robot">robot (9)</a></li>
 413
 414  <li><a href="http://people.skolelinux.org/pere/blog/tags/rss">rss (1)</a></li>
 415
 416  <li><a href="http://people.skolelinux.org/pere/blog/tags/ruter">ruter (4)</a></li>
 417
 418  <li><a href="http://people.skolelinux.org/pere/blog/tags/scraperwiki">scraperwiki (2)</a></li>
 419
 420  <li><a href="http://people.skolelinux.org/pere/blog/tags/sikkerhet">sikkerhet (48)</a></li>
 421
 422  <li><a href="http://people.skolelinux.org/pere/blog/tags/sitesummary">sitesummary (4)</a></li>
 423
 424  <li><a href="http://people.skolelinux.org/pere/blog/tags/skepsis">skepsis (5)</a></li>
 425
 426  <li><a href="http://people.skolelinux.org/pere/blog/tags/standard">standard (49)</a></li>
 427
 428  <li><a href="http://people.skolelinux.org/pere/blog/tags/stavekontroll">stavekontroll (4)</a></li>
 429
 430  <li><a href="http://people.skolelinux.org/pere/blog/tags/stortinget">stortinget (10)</a></li>
 431
 432  <li><a href="http://people.skolelinux.org/pere/blog/tags/surveillance">surveillance (37)</a></li>
 433
 434  <li><a href="http://people.skolelinux.org/pere/blog/tags/sysadmin">sysadmin (2)</a></li>
 435
 436  <li><a href="http://people.skolelinux.org/pere/blog/tags/usenix">usenix (2)</a></li>
 437
 438  <li><a href="http://people.skolelinux.org/pere/blog/tags/valg">valg (8)</a></li>
 439
 440  <li><a href="http://people.skolelinux.org/pere/blog/tags/video">video (59)</a></li>
 441
 442  <li><a href="http://people.skolelinux.org/pere/blog/tags/vitenskap">vitenskap (4)</a></li>
 443
 444  <li><a href="http://people.skolelinux.org/pere/blog/tags/web">web (38)</a></li>
 445
 446 </ul>
 447
 448
 449     </div>
 450     <p style="text-align: right">
 451  Created by <a href="http://steve.org.uk/Software/chronicle">Chronicle v4.6</a>
 452 </p>
 453
 454   </body>
 455 </html>