Videos und anderes darstellen

[beatovich]

hallo Gunnar

Das Entscheidende ist folgendes

<nav>
  <ul>
    <li><a href="video_001">Videotitel</a></li> <!-- JS-handler ergänzen -->  
  </ul>
</nav>

<section hidden id="video_001">
  <h3>Titel dieses Abschnitts</h3>
  <iframe class="video" width="480" height="270" 
	data-src="https://www.youtube.com/embed/dhU5BzZdG0I" 
	frameborder="0" allowfullscreen>
  </iframe>
  <div>
    <p>Beschreibung...</p>
	(möglicherweise komplexeres html hier.)
  </div>
  <ul>
    <li class="download"><a href="...">Ein PDF-Document</a></li>
    <li class="aside"><a href="...">Link zu weiterführendem Material</a></li>
  </ul>
</section>

Wichtig ist, dass ich keine src im Html angebe sonst wird das iframe sofort geladen. Deshalb hier data-src, das ich dann über Javascript behandeln lassen will.

Für mich ist dieser Code so gerade noch wartbar, aber angesichts der Tatsache dass ich diese Seite immer wieder mal ergänzen werde, würde ich etwas einfacheres wünschen.

Ich fürchte nur, wenn ich händisch JSON-Objecte beschreibe, dass ich da imer wieder Parsing-Fehler erzeuge.

BTW: siehst du im obigen Code gerade Stellen, die für ARIA Ergänzungen noch in Frage kommen?