blog/When_web_browser_developers_make_a_video_player___.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: When web browser developers make a video player...</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">When web browser developers make a video player...</div>
  24       <div class="date">17th January 2009</div>
  25       <div class="body"><p>As part of the work we do in <a href="http://www.nuug.no">NUUG</a>
  26 to publish video recordings of our monthly presentations, we provide a
  27 page with embedded video for easy access to the recording.  Putting a
  28 good set of HTML tags together to get working embedded video in all
  29 browsers and across all operating systems is not easy.  I hope this
  30 will become easier when the &lt;video&gt; tag is implemented in all
  31 browsers, but I am not sure.  We provide the recordings in several
  32 formats, MPEG1, Ogg Theora, H.264 and Quicktime, and want the
  33 browser/media plugin to pick one it support and use it to play the
  34 recording, using whatever embed mechanism the browser understand.
  35 There is at least four different tags to use for this, the new HTML5
  36 &lt;video&gt; tag, the &lt;object&gt; tag, the &lt;embed&gt; tag and
  37 the &lt;applet&gt; tag.  All of these take a lot of options, and
  38 finding the best options is a major challenge.</p>
  39
  40 <p>I just tested the experimental Opera browser available from <a
  41 href="http://labs.opera.com">labs.opera.com</a>, to see how it handled
  42 a &lt;video&gt; tag with a few video sources and no extra attributes.
  43 I was not very impressed.  The browser start by fetching a picture
  44 from the video stream.  Not sure if it is the first frame, but it is
  45 definitely very early in the recording.  So far, so good. Next,
  46 instead of streaming the 76 MiB video file, it start to download all
  47 of it, but do not start to play the video.  This mean I have to wait
  48 for several minutes for the downloading to finish.  When the download
  49 is done, the playing of the video do not start!  Waiting for the
  50 download, but I do not get to see the video?  Some testing later, I
  51 discover that I have to add the controls="true" attribute to be able
  52 to get a play button to pres to start the video.  Adding
  53 autoplay="true" did not help.  I sure hope this is a misfeature of the
  54 test version of Opera, and that future implementations of the
  55 &lt;video&gt; tag will stream recordings by default, or at least start
  56 playing when the download is done.</p>
  57
  58 <p>The test page I used (since changed to add more attributes) is
  59 <a href="http://www.nuug.no/aktiviteter/20090113-foredrag-om-foredrag/">available
  60 from the nuug site</a>.  Will have to test it with the new Firefox
  61 too.</p>
  62
  63 <p>In the test process, I discovered a missing feature.  I was unable
  64 to find a way to get the URL of the playing video out of Opera, so I
  65 am not quite sure it picked the Ogg Theora version of the video.  I
  66 sure hope it was using the announced Ogg Theora support. :)</p>
  67 </div>
  68
  69       <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/multimedia">multimedia</a>, <a href="http://people.skolelinux.org/pere/blog/tags/nuug">nuug</a>, <a href="http://people.skolelinux.org/pere/blog/tags/video">video</a>, <a href="http://people.skolelinux.org/pere/blog/tags/web">web</a>.</div>
  70
  71
  72     </div>
  73
  74
  75
  76
  77     <div id="sidebar">
  78
  79
  80
  81 <h2>Archive</h2>
  82 <ul>
  83
  84 <li>2015
  85 <ul>
  86
  87 <li><a href="http://people.skolelinux.org/pere/blog/archive/2015/01/">January (7)</a></li>
  88
  89 </ul></li>
  90
  91 <li>2014
  92 <ul>
  93
  94 <li><a href="http://people.skolelinux.org/pere/blog/archive/2014/01/">January (2)</a></li>
  95
  96 <li><a href="http://people.skolelinux.org/pere/blog/archive/2014/02/">February (3)</a></li>
  97
  98 <li><a href="http://people.skolelinux.org/pere/blog/archive/2014/03/">March (8)</a></li>
  99
 100 <li><a href="http://people.skolelinux.org/pere/blog/archive/2014/04/">April (7)</a></li>
 101
 102 <li><a href="http://people.skolelinux.org/pere/blog/archive/2014/05/">May (1)</a></li>
 103
 104 <li><a href="http://people.skolelinux.org/pere/blog/archive/2014/06/">June (2)</a></li>
 105
 106 <li><a href="http://people.skolelinux.org/pere/blog/archive/2014/07/">July (2)</a></li>
 107
 108 <li><a href="http://people.skolelinux.org/pere/blog/archive/2014/08/">August (2)</a></li>
 109
 110 <li><a href="http://people.skolelinux.org/pere/blog/archive/2014/09/">September (5)</a></li>
 111
 112 <li><a href="http://people.skolelinux.org/pere/blog/archive/2014/10/">October (6)</a></li>
 113
 114 <li><a href="http://people.skolelinux.org/pere/blog/archive/2014/11/">November (3)</a></li>
 115
 116 <li><a href="http://people.skolelinux.org/pere/blog/archive/2014/12/">December (5)</a></li>
 117
 118 </ul></li>
 119
 120 <li>2013
 121 <ul>
 122
 123 <li><a href="http://people.skolelinux.org/pere/blog/archive/2013/01/">January (11)</a></li>
 124
 125 <li><a href="http://people.skolelinux.org/pere/blog/archive/2013/02/">February (9)</a></li>
 126
 127 <li><a href="http://people.skolelinux.org/pere/blog/archive/2013/03/">March (9)</a></li>
 128
 129 <li><a href="http://people.skolelinux.org/pere/blog/archive/2013/04/">April (6)</a></li>
 130
 131 <li><a href="http://people.skolelinux.org/pere/blog/archive/2013/05/">May (9)</a></li>
 132
 133 <li><a href="http://people.skolelinux.org/pere/blog/archive/2013/06/">June (10)</a></li>
 134
 135 <li><a href="http://people.skolelinux.org/pere/blog/archive/2013/07/">July (7)</a></li>
 136
 137 <li><a href="http://people.skolelinux.org/pere/blog/archive/2013/08/">August (3)</a></li>
 138
 139 <li><a href="http://people.skolelinux.org/pere/blog/archive/2013/09/">September (5)</a></li>
 140
 141 <li><a href="http://people.skolelinux.org/pere/blog/archive/2013/10/">October (7)</a></li>
 142
 143 <li><a href="http://people.skolelinux.org/pere/blog/archive/2013/11/">November (9)</a></li>
 144
 145 <li><a href="http://people.skolelinux.org/pere/blog/archive/2013/12/">December (3)</a></li>
 146
 147 </ul></li>
 148
 149 <li>2012
 150 <ul>
 151
 152 <li><a href="http://people.skolelinux.org/pere/blog/archive/2012/01/">January (7)</a></li>
 153
 154 <li><a href="http://people.skolelinux.org/pere/blog/archive/2012/02/">February (10)</a></li>
 155
 156 <li><a href="http://people.skolelinux.org/pere/blog/archive/2012/03/">March (17)</a></li>
 157
 158 <li><a href="http://people.skolelinux.org/pere/blog/archive/2012/04/">April (12)</a></li>
 159
 160 <li><a href="http://people.skolelinux.org/pere/blog/archive/2012/05/">May (12)</a></li>
 161
 162 <li><a href="http://people.skolelinux.org/pere/blog/archive/2012/06/">June (20)</a></li>
 163
 164 <li><a href="http://people.skolelinux.org/pere/blog/archive/2012/07/">July (17)</a></li>
 165
 166 <li><a href="http://people.skolelinux.org/pere/blog/archive/2012/08/">August (6)</a></li>
 167
 168 <li><a href="http://people.skolelinux.org/pere/blog/archive/2012/09/">September (9)</a></li>
 169
 170 <li><a href="http://people.skolelinux.org/pere/blog/archive/2012/10/">October (17)</a></li>
 171
 172 <li><a href="http://people.skolelinux.org/pere/blog/archive/2012/11/">November (10)</a></li>
 173
 174 <li><a href="http://people.skolelinux.org/pere/blog/archive/2012/12/">December (7)</a></li>
 175
 176 </ul></li>
 177
 178 <li>2011
 179 <ul>
 180
 181 <li><a href="http://people.skolelinux.org/pere/blog/archive/2011/01/">January (16)</a></li>
 182
 183 <li><a href="http://people.skolelinux.org/pere/blog/archive/2011/02/">February (6)</a></li>
 184
 185 <li><a href="http://people.skolelinux.org/pere/blog/archive/2011/03/">March (6)</a></li>
 186
 187 <li><a href="http://people.skolelinux.org/pere/blog/archive/2011/04/">April (7)</a></li>
 188
 189 <li><a href="http://people.skolelinux.org/pere/blog/archive/2011/05/">May (3)</a></li>
 190
 191 <li><a href="http://people.skolelinux.org/pere/blog/archive/2011/06/">June (2)</a></li>
 192
 193 <li><a href="http://people.skolelinux.org/pere/blog/archive/2011/07/">July (7)</a></li>
 194
 195 <li><a href="http://people.skolelinux.org/pere/blog/archive/2011/08/">August (6)</a></li>
 196
 197 <li><a href="http://people.skolelinux.org/pere/blog/archive/2011/09/">September (4)</a></li>
 198
 199 <li><a href="http://people.skolelinux.org/pere/blog/archive/2011/10/">October (2)</a></li>
 200
 201 <li><a href="http://people.skolelinux.org/pere/blog/archive/2011/11/">November (3)</a></li>
 202
 203 <li><a href="http://people.skolelinux.org/pere/blog/archive/2011/12/">December (1)</a></li>
 204
 205 </ul></li>
 206
 207 <li>2010
 208 <ul>
 209
 210 <li><a href="http://people.skolelinux.org/pere/blog/archive/2010/01/">January (2)</a></li>
 211
 212 <li><a href="http://people.skolelinux.org/pere/blog/archive/2010/02/">February (1)</a></li>
 213
 214 <li><a href="http://people.skolelinux.org/pere/blog/archive/2010/03/">March (3)</a></li>
 215
 216 <li><a href="http://people.skolelinux.org/pere/blog/archive/2010/04/">April (3)</a></li>
 217
 218 <li><a href="http://people.skolelinux.org/pere/blog/archive/2010/05/">May (9)</a></li>
 219
 220 <li><a href="http://people.skolelinux.org/pere/blog/archive/2010/06/">June (14)</a></li>
 221
 222 <li><a href="http://people.skolelinux.org/pere/blog/archive/2010/07/">July (12)</a></li>
 223
 224 <li><a href="http://people.skolelinux.org/pere/blog/archive/2010/08/">August (13)</a></li>
 225
 226 <li><a href="http://people.skolelinux.org/pere/blog/archive/2010/09/">September (7)</a></li>
 227
 228 <li><a href="http://people.skolelinux.org/pere/blog/archive/2010/10/">October (9)</a></li>
 229
 230 <li><a href="http://people.skolelinux.org/pere/blog/archive/2010/11/">November (13)</a></li>
 231
 232 <li><a href="http://people.skolelinux.org/pere/blog/archive/2010/12/">December (12)</a></li>
 233
 234 </ul></li>
 235
 236 <li>2009
 237 <ul>
 238
 239 <li><a href="http://people.skolelinux.org/pere/blog/archive/2009/01/">January (8)</a></li>
 240
 241 <li><a href="http://people.skolelinux.org/pere/blog/archive/2009/02/">February (8)</a></li>
 242
 243 <li><a href="http://people.skolelinux.org/pere/blog/archive/2009/03/">March (12)</a></li>
 244
 245 <li><a href="http://people.skolelinux.org/pere/blog/archive/2009/04/">April (10)</a></li>
 246
 247 <li><a href="http://people.skolelinux.org/pere/blog/archive/2009/05/">May (9)</a></li>
 248
 249 <li><a href="http://people.skolelinux.org/pere/blog/archive/2009/06/">June (3)</a></li>
 250
 251 <li><a href="http://people.skolelinux.org/pere/blog/archive/2009/07/">July (4)</a></li>
 252
 253 <li><a href="http://people.skolelinux.org/pere/blog/archive/2009/08/">August (3)</a></li>
 254
 255 <li><a href="http://people.skolelinux.org/pere/blog/archive/2009/09/">September (1)</a></li>
 256
 257 <li><a href="http://people.skolelinux.org/pere/blog/archive/2009/10/">October (2)</a></li>
 258
 259 <li><a href="http://people.skolelinux.org/pere/blog/archive/2009/11/">November (3)</a></li>
 260
 261 <li><a href="http://people.skolelinux.org/pere/blog/archive/2009/12/">December (3)</a></li>
 262
 263 </ul></li>
 264
 265 <li>2008
 266 <ul>
 267
 268 <li><a href="http://people.skolelinux.org/pere/blog/archive/2008/11/">November (5)</a></li>
 269
 270 <li><a href="http://people.skolelinux.org/pere/blog/archive/2008/12/">December (7)</a></li>
 271
 272 </ul></li>
 273
 274 </ul>
 275
 276
 277
 278 <h2>Tags</h2>
 279 <ul>
 280
 281  <li><a href="http://people.skolelinux.org/pere/blog/tags/3d-printer">3d-printer (13)</a></li>
 282
 283  <li><a href="http://people.skolelinux.org/pere/blog/tags/amiga">amiga (1)</a></li>
 284
 285  <li><a href="http://people.skolelinux.org/pere/blog/tags/aros">aros (1)</a></li>
 286
 287  <li><a href="http://people.skolelinux.org/pere/blog/tags/bankid">bankid (4)</a></li>
 288
 289  <li><a href="http://people.skolelinux.org/pere/blog/tags/bitcoin">bitcoin (8)</a></li>
 290
 291  <li><a href="http://people.skolelinux.org/pere/blog/tags/bootsystem">bootsystem (15)</a></li>
 292
 293  <li><a href="http://people.skolelinux.org/pere/blog/tags/bsa">bsa (2)</a></li>
 294
 295  <li><a href="http://people.skolelinux.org/pere/blog/tags/chrpath">chrpath (2)</a></li>
 296
 297  <li><a href="http://people.skolelinux.org/pere/blog/tags/debian">debian (109)</a></li>
 298
 299  <li><a href="http://people.skolelinux.org/pere/blog/tags/debian edu">debian edu (151)</a></li>
 300
 301  <li><a href="http://people.skolelinux.org/pere/blog/tags/digistan">digistan (10)</a></li>
 302
 303  <li><a href="http://people.skolelinux.org/pere/blog/tags/dld">dld (15)</a></li>
 304
 305  <li><a href="http://people.skolelinux.org/pere/blog/tags/docbook">docbook (12)</a></li>
 306
 307  <li><a href="http://people.skolelinux.org/pere/blog/tags/drivstoffpriser">drivstoffpriser (4)</a></li>
 308
 309  <li><a href="http://people.skolelinux.org/pere/blog/tags/english">english (266)</a></li>
 310
 311  <li><a href="http://people.skolelinux.org/pere/blog/tags/fiksgatami">fiksgatami (22)</a></li>
 312
 313  <li><a href="http://people.skolelinux.org/pere/blog/tags/fildeling">fildeling (12)</a></li>
 314
 315  <li><a href="http://people.skolelinux.org/pere/blog/tags/freeculture">freeculture (14)</a></li>
 316
 317  <li><a href="http://people.skolelinux.org/pere/blog/tags/freedombox">freedombox (9)</a></li>
 318
 319  <li><a href="http://people.skolelinux.org/pere/blog/tags/frikanalen">frikanalen (11)</a></li>
 320
 321  <li><a href="http://people.skolelinux.org/pere/blog/tags/intervju">intervju (41)</a></li>
 322
 323  <li><a href="http://people.skolelinux.org/pere/blog/tags/isenkram">isenkram (10)</a></li>
 324
 325  <li><a href="http://people.skolelinux.org/pere/blog/tags/kart">kart (19)</a></li>
 326
 327  <li><a href="http://people.skolelinux.org/pere/blog/tags/ldap">ldap (9)</a></li>
 328
 329  <li><a href="http://people.skolelinux.org/pere/blog/tags/lenker">lenker (8)</a></li>
 330
 331  <li><a href="http://people.skolelinux.org/pere/blog/tags/lsdvd">lsdvd (2)</a></li>
 332
 333  <li><a href="http://people.skolelinux.org/pere/blog/tags/ltsp">ltsp (1)</a></li>
 334
 335  <li><a href="http://people.skolelinux.org/pere/blog/tags/mesh network">mesh network (8)</a></li>
 336
 337  <li><a href="http://people.skolelinux.org/pere/blog/tags/multimedia">multimedia (32)</a></li>
 338
 339  <li><a href="http://people.skolelinux.org/pere/blog/tags/norsk">norsk (258)</a></li>
 340
 341  <li><a href="http://people.skolelinux.org/pere/blog/tags/nuug">nuug (171)</a></li>
 342
 343  <li><a href="http://people.skolelinux.org/pere/blog/tags/offentlig innsyn">offentlig innsyn (15)</a></li>
 344
 345  <li><a href="http://people.skolelinux.org/pere/blog/tags/open311">open311 (2)</a></li>
 346
 347  <li><a href="http://people.skolelinux.org/pere/blog/tags/opphavsrett">opphavsrett (50)</a></li>
 348
 349  <li><a href="http://people.skolelinux.org/pere/blog/tags/personvern">personvern (81)</a></li>
 350
 351  <li><a href="http://people.skolelinux.org/pere/blog/tags/raid">raid (1)</a></li>
 352
 353  <li><a href="http://people.skolelinux.org/pere/blog/tags/reactos">reactos (1)</a></li>
 354
 355  <li><a href="http://people.skolelinux.org/pere/blog/tags/reprap">reprap (11)</a></li>
 356
 357  <li><a href="http://people.skolelinux.org/pere/blog/tags/rfid">rfid (3)</a></li>
 358
 359  <li><a href="http://people.skolelinux.org/pere/blog/tags/robot">robot (9)</a></li>
 360
 361  <li><a href="http://people.skolelinux.org/pere/blog/tags/rss">rss (1)</a></li>
 362
 363  <li><a href="http://people.skolelinux.org/pere/blog/tags/ruter">ruter (4)</a></li>
 364
 365  <li><a href="http://people.skolelinux.org/pere/blog/tags/scraperwiki">scraperwiki (2)</a></li>
 366
 367  <li><a href="http://people.skolelinux.org/pere/blog/tags/sikkerhet">sikkerhet (41)</a></li>
 368
 369  <li><a href="http://people.skolelinux.org/pere/blog/tags/sitesummary">sitesummary (4)</a></li>
 370
 371  <li><a href="http://people.skolelinux.org/pere/blog/tags/skepsis">skepsis (4)</a></li>
 372
 373  <li><a href="http://people.skolelinux.org/pere/blog/tags/standard">standard (46)</a></li>
 374
 375  <li><a href="http://people.skolelinux.org/pere/blog/tags/stavekontroll">stavekontroll (3)</a></li>
 376
 377  <li><a href="http://people.skolelinux.org/pere/blog/tags/stortinget">stortinget (9)</a></li>
 378
 379  <li><a href="http://people.skolelinux.org/pere/blog/tags/surveillance">surveillance (29)</a></li>
 380
 381  <li><a href="http://people.skolelinux.org/pere/blog/tags/sysadmin">sysadmin (2)</a></li>
 382
 383  <li><a href="http://people.skolelinux.org/pere/blog/tags/usenix">usenix (2)</a></li>
 384
 385  <li><a href="http://people.skolelinux.org/pere/blog/tags/valg">valg (8)</a></li>
 386
 387  <li><a href="http://people.skolelinux.org/pere/blog/tags/video">video (47)</a></li>
 388
 389  <li><a href="http://people.skolelinux.org/pere/blog/tags/vitenskap">vitenskap (4)</a></li>
 390
 391  <li><a href="http://people.skolelinux.org/pere/blog/tags/web">web (34)</a></li>
 392
 393 </ul>
 394
 395
 396     </div>
 397     <p style="text-align: right">
 398  Created by <a href="http://steve.org.uk/Software/chronicle">Chronicle v4.6</a>
 399 </p>
 400
 401   </body>
 402 </html>