HTML Tutorial

HTML-tagg: <object>

Användning av <object>

<object>-taggen används för att bädda in externa resurser som video, ljud, PDF-dokument eller Java-appletar på en webbsida.

Attribut hos <object>

  • data: Anger URL:en till den externa resursen.
  • type: Anger MIME-typen för den externa resursen (t.ex. "video/mp4" för videor).
  • width: Anger bredden på det inbäddade innehållet.
  • height: Anger höjden på det inbäddade innehållet.

Exempel med <object>

<object data="video.mp4" type="video/mp4" width="480" height="360">
  <param name="autoplay" value="true">
</object>

Detta exempel bäddar in en video med URL:en "video.mp4" på webbsidan. Videon är 480 pixlar bred och 360 pixlar hög, och den spelas upp automatiskt.

Utforska <object>-taggen

Låt oss nu utforska <object>-taggen genom ett enkelt HTML-exempel:

<!DOCTYPE html>
<html>
<head>
  <title>Objekttaggen</title>
</head>
<body>
  <h1>Exempel på <object>-tagg</h1>

  <object data="video.mp4" type="video/mp4" width="480" height="360">
    <param name="autoplay" value="true">
  </object>

</body>
</html>

När du öppnar denna HTML-fil i en webbläsare kommer du att se en inbäddad video som spelas upp automatiskt. Du kan justera värdena för "width" och "height" för att ändra storlek på videon och "autoplay" till "false" för att förhindra automatisk uppspelning.

Genom att använda <object>-taggen kan du enkelt bädda in olika typer av externa resurser på dina webbsidor, vilket ger en mer interaktiv och engagerande användarupplevelse.