HTML5-YouTube-Video erzwingen

119

In Bezug auf den Youtube API Blog experimentieren sie mit ihrem neuen HTML5 Video Player.

Anscheinend müssen Sie zum Abspielen eines Videos in HTML5 den iframe-Einbettungscode verwenden:

<iframe class="youtube-player" type="text/html" width="640" height="385"
  src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0">
</iframe>

Wenn der Client jedoch nicht an der HTML5-Testversion teilgenommen hat, greift der Player automatisch auf den Flash Player zurück, auch wenn der Browser des Clients HTML5-Video-fähig ist.

Wie erzwinge ich die HTML5-Videowiedergabe, wenn der Browser dies unterstützt, auch wenn die Benutzer noch nicht an der HTML5-Testversion beteiligt sind?

Wie kann ich sonst den Flash-Fallback deaktivieren?

BEARBEITEN:

Es ist möglich, den HTML-Player über Links zu Youtube-Videos zu erzwingen , aber ich benötige diese Funktion für eingebettete Videos.

html video youtube

— Kami
quelle

Was wäre, wenn Sie die HTML5-Fähigkeit mit js erkennen und den YouTube-API-Code entsprechend implementieren würden? Oder ich sollte sagen, wenn HTML5-Video nicht unterstützt wird, implementieren Sie die YouTube-API nicht, da sie auf Flash zurückgreifen würde.

— David Hobs

179

Ich habe die Lösung gefunden:

Sie müssen html5=1das Attribut src des iframe hinzufügen :

<iframe src="http://www.youtube.com/embed/dP15zlyra3c?html5=1"></iframe>

Das Video wird als HTML5 angezeigt, falls verfügbar, oder als Flashback in den Flash Player.

— Kami
quelle

1

hmm - jetzt funktioniert es nicht (gleiche Videos), komisch. Ich frage mich, ob es nur auf bestimmten YouTube-Servern funktioniert?

— UpTheCreek

1

Funktioniert nicht, wenn &html5=1am Ende eines nicht eingebetteten Videos

— Folgendes

1

Das Hinzufügen &html5=1(oder &html5=trueähnliches) am Ende eines Hyperlinks (kein eingebettetes iframe-Video) scheint im IE ohne Flash nicht zu funktionieren.

— Ryan

1

YouTube-Videos mit Werbung verwenden automatisch den Flash-Player

— gedreht am

8

Ich denke, alle Berichte sind voreingenommen. Niemand hat gesagt, ob er / sie in "HTML5 Beta von Youtube" ist und dies ist wahrscheinlich ein Schlüsselfaktor. Wenn ich die html5-Beta verlasse, scheint es, dass? Html5 = 1 nichts tut. Jedes Video geht mit Blitz.

— Paul Brewczynski

20

Ob YouTube-Videos im HTML5-Format abgespielt werden, hängt von der Einstellung unter https://www.youtube.com/html5 pro Browser ab. Chrome bevorzugt die automatische HTML5-Wiedergabe, aber selbst die neuesten Versionen von Firefox und Internet Explorer verwenden weiterhin Flash, wenn es auf dem Computer installiert ist.

Der Parameter html5 = 1 macht jetzt (mehr) nichts mehr. (Beachten Sie, dass es nicht einmal unter https://developers.google.com/youtube/player_parameters aufgeführt ist .)

— Vacilando
quelle

Gerade überprüft, habe ich den HTML5-Player in youtube.com/html5 ausgewählt , aber wenn & html5 = 1 nicht als Parameter für den eingebetteten Player angegeben ist, wird Flash geladen, wenn ich den Parameter HTML5-Player lade. Betriebssystem: Linux, Firefox 33 64bit.

— Zar

Ich habe gerade html5=1in Firefox 33.0.2 getestet und es funktioniert gut (und erfordert nicht, dass Benutzer die HTML5-Einstellung auf YouTube aktivieren). Ohne sie sendet YouTube standardmäßig die Flash-Version.

— Simon East

Der Parameter funktioniert immer noch, aber wenn Sie ihn auf der HTML5-Seite aktivieren, wird YouTube standardmäßig auf HTML5 eingestellt, was besser ist.

— Alanh

4

Ich habe versucht, den iframe-Einbettungscode zu verwenden, und der HTML5-Player wurde angezeigt. Aus irgendeinem Grund hat der iframe meine Website jedoch vollständig beschädigt.

Ich habe mit dem alten Objekt-Einbettungscode herumgespielt und er funktioniert einwandfrei. Wenn Sie also Probleme mit dem Iframe haben, ist hier der Code, den ich verwendet habe:

<object width="640" height="360">
<param name="movie" value="http://www.youtube.com/embed/VIDEO_ID?html5=1&amp;rel=0&amp;hl=en_US&amp;version=3"/>
<param name="allowFullScreen" value="true"/>
<param name="allowscriptaccess" value="always"/>
<embed width="640" height="360" src="http://www.youtube.com/embed/VIDEO_ID?html5=1&amp;rel=0&amp;hl=en_US&amp;version=3" class="youtube-player" type="text/html" allowscriptaccess="always" allowfullscreen="true"/>
</object>

hoffe, das ist nützlich für jemanden

— Alejandro
quelle

YouTube <object>ist ab Ende Januar veraltet . Verwenden Sie <iframe>stattdessen.

— Samuel Elh

<object>funktioniert immer noch, in der Tat enthält der Iframe es nur.

— RozzA

2

Wenn Sie die iframe-Einbettungs-API verwenden, können Sie html5:1wie folgt eines der playerVarsArgumente einfügen:

player = new YT.Player('player', {
    height: '390',
    width: '640',
    videoId: '<VIDEO ID>',
    playerVars: {
        html5: 1
    },
});

Funktioniert total.

— Samson
quelle

0

Das Inline-Tag wird verwendet, um dem aktuellen HTML-Element einen weiteren Quellcode hinzuzufügen.

In deinem Fall ein Video von einem Youtube und wir müssen den HTML-Typ (4 oder 5) für den Browser außerhalb des Links angeben

also füge? html = 5 am Ende des Links hinzu .. :)

— ashwinrishipj
quelle