Vorausladen von youtube einbetten
Möchte ich über ein eingebettetes chromeless youtube-video Vorspannung video OHNE zu spielen, wenn die Seite geladen wird. Jetzt bin ich mit einem peinlichen "spielen, dann schnell pause" - script, das bewirkt, dass kleine Probleme (halb-Sekunden-audio-Lecks und scheitert ganz ein bisschen). Für diese scheinbar einfache Funktionalität, gibt es eine bessere/elegantere Möglichkeit, Vorspannung?
- Heute konnte man plyr mit dash.js zum laden, es
InformationsquelleAutor zakdances | 2011-11-11
Schreibe einen Kommentar Antworten abbrechen
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ich hatte die gleiche Frage und bin auf diese Frage. Nach einigen Forschung, ich glaube, ich fand eine saubere, wenn auch ähnlich, Antwort.
Wenn die JavaScript-API-Aufrufe
OnYouTubePlayerReady
ist, drücken Sie spielen und fügen Sie einen Ereignis-listener füronStateChange
wird jedesmal aufgerufen, wenn der Spieler wechselt von Puffern zu spielen.Beispielsweise innerhalb der Funktion, die Sie hören, für Zustand 3,, die Pufferung, und sobald es heißt, Sie das video auf pause stellen.
Können Sie sehen, diese Technik in Aktion in dieses jsFiddle.
Seite Anmerkung: ich habe darauf verzichtet, die mit einem JavaScript-framework, das in meinem Beispiel, aber Sie konnte einfach ein hier.
Auch, ich war nicht in der Lage zu abstrahieren, das Skript-tag aus dem body des HTML mit jsFiddle, aber eine externe
script.js
- Datei funktioniert Prima auf meinem eigenen server.You need Flash Player version 8 or higher to view this content.
War ich auf der Suche nach einer Lösung für dieses problem und stieß auf diesen Artikel:
Einbetten von YouTube-Videos Effizient und ohne Erhöhung der Ladezeit
In der Zusammenfassung angegeben: mit Dieser Methode reduzieren Sie die Größe Ihrer Webseiten von 300-400 KB, während Sie Ihre Website mobilen freundlich.
Fügen Sie diesen auf der Seite:
Die javascript -:
Die CSS -:
Finden Sie den original-Artikel Kommentare für zusätzliche änderungen, Vorschläge und Verbesserungen.
Wenn wir diese: https://developer.mozilla.org/en-US/docs/Web/HTML/Preloading_content
Vorspannung das Iframe kann helfen:
Call
Statt