Wie lassen sich Vimeo-Videos im HTML5-Format gut einbetten?

Question

Ich möchte keine Vimeo-Videos im Flash-Format einbetten. Wie kann ich sie im HTML5-Format einbetten?

Answer 1

In einem Browser mit Flash Player wird sie im HTML5-Modus mit folgendem Code geladen:

<iframe sandbox="allow-same-origin allow-scripts allow-popups"
  id="foo" width="100%" height="90%"
  allowfullscreen="" webkitallowfullscreen="" mozallowfullscreen="" 
  src="http://player.vimeo.com/video/28544156?api=1">
</iframe>

Die Sandbox verhindert, dass der HTML-iframe-Tag auf irgendwelche Plugins einschließlich Flash zugreift.

Damit die Vimeo-Schaltfläche die Vimeo-Webseite für das Video öffnen kann, benötigen Sie die Berechtigung "allow-popups". Sie wird nicht benötigt, um das Video abzuspielen.

Answer 2

Sie aktivieren HTML5 über Cookies, daher glaube ich nicht, dass Sie direkt auf die HTML5-Version verlinken können. Hier ist der JS-Code, den sie verwenden, um zwischen Flash und HTML5 zu wechseln:

function toggle_html5_player(obj, on) {
    if (on) {
        setCookie("html_player", 1, 365);
    } else {
        setCookie("html_player", 0, 365);
    }
    reload_page();
}

Bearbeiten:

Auch zur Einbettung heißt es im offiziellen Blogbeitrag:

Im Moment funktioniert es nur auf Vimeo.com, der Einbettungscode ist immer noch Flash

Bearbeiten 2:

Das ist eigentlich eine alte Aussage, die nicht mehr stimmt. Die neuen Einbettungen verwenden HTML5 automatisch auf Geräten, die Flash nicht unterstützen, wie das iPad oder der iPod, wenn das oben genannte Cookie gesetzt ist.