MEVIT2500 - Vår 2006

Inkludere dynamiske medier i HTML

Den enkleste måten å inkludere lyd, video og andre elementer er <object>-taggen.

<p>
<object data="media/tastatur.mp4" type="audio/mpeg" height="376" width="480" >
</object>
</p>

I "data" oppgir du adressen eller filbanen til fila som skal inkluderes. I "type" skriver du hva slags element det er: audio/mpeg, video/mpeg og video/quicktime er noen vanlige typer.

Les mer om <object> hos W3C.

Tidligere brukte man <embed>-taggen, avanserte Flash- og QuickTime-folk kan bruke den om de vil.

Kode for Firefox

Koden over virker ikke for alle, særlig har mange trøbbel med å få den til å funke med Firefox og Windows Media har problemer. Her er en variant fra Firefox' hjelpesider for video:


<object type="application/x-mplayer2" height="500" width="500">
  
<param name="src" value="http://www.geocities.com/MotorCity/Pit/3571/martial/mikemookjong2.avi">

</object>

Pass på å angi en høyde og bredde, eller virker det ikke, er Anders' erfaring.

Tors variant

Dette er en mer utfylt variant, som funker med Windows Media Player og Internet Explorer, i følge Tor:


<object id="video" width="100" height="25"
        classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"
        type="application/x-oleobject">

        <param name="URL" value="./filnavn">

        <param name="AutoStart" value="False">

        <param name="Controller" value="True">

             <embed name="video" src="./lyder/skritt.wav"
                   width="320" height="256" controller="true"
             </embed>

</object>