Videos und anderes darstellen

[Gunnar Bittersmann]

@@beatovich

Die Frage ist, wie kann ich die mit der Video-Url verbundenen weiteren Daten (Links zu Noten im PDF-Format) im HTML am besten speichern. Die möglichen Anhänge zu jedem Video können sehr verschieden sein (also datenbankmässige Verwaltung ist hier nicht zielführend), und umfassen zum Beispiel Titel, Beschreibung, ev Lyrics, Downloadfiles oder weitere Links.

Welche Html Container-Elemente und Attribute sind da am Besten?

<div>
  <iframe src="http://www.youtube.com/embed/…"></iframe>
  <dl>
    <dt>Titel:</dt>
    <dd>…</dd>
    <dt>Beschreibung:</dt>
    <dd>…</dd>
    ⋮
    <dt>weitere Links:</dt>
    <dd>
      <ul>
        <li><a href="…">…</a></li>
        ⋮
      </ul>
    </dd>
  </dl>
</div>
<div>
  ⋮
</div>
⋮

Was meinst du mit „welche Attribute“? Willst du das vielleicht noch noch mit Schema.org semantisch auszeichnen?

Optionen wären, in einem solchen Container-Element html zu notieren, oder aber JSON-Objecte zu notieren (in diesem Fall ein script Element).

Du kannst auch sowas wie

[
  {
     "embedUrl": "http://www.youtube.com/embed/…",
     "title": "…",
     "description": "…",
     ⋮
     "seeAlso": [
       {
         "url": "…",
         "title": "…"
       },
       ⋮
     ]
  },
  ⋮
]

verwenden und daraus die HTML-Elemente generieren.

Wenn nur jeweils eins der divs zu sehen sein soll, machst du Tabs draus.

LLAP 🖖